How to check radio button is checked using JQuery?

Question

I have two radio buttons in one group, I want to check the radio button is checked or not using JQuery, How ?

Lamond

possible duplicate of how to get the values of the radio button which has been checked , jquery – Staford

possible duplicate of Check of specific radio button is checked – Baltic

Mentioned questions in the above comments are asking how to get the checked value and check specific value has choosed, not for validate whether it's checked or not. So, it's different. – Typecast

Answer 1

Given a group of radio buttons:

<input type="radio" id="radio1" name="radioGroup" value="1">
<input type="radio" id="radio2" name="radioGroup" value="2">

You can test whether a specific one is checked using jQuery as follows:

if ($("#radio1").prop("checked")) {
   // do something
}

// OR
if ($("#radio1").is(":checked")) {
   // do something
}

// OR if you don't have ids set you can go by group name and value
// (basically you need a selector that lets you specify the particular input)
if ($("input[name='radioGroup'][value='1']").prop("checked"))

You can get the value of the currently checked one in the group as follows:

$("input[name='radioGroup']:checked").val()

Soper

Answer 2

The following code checks if your radio button having name like 'yourRadioName' is checked or not:

$(document).ready(function() {
  if($("input:radio[name='yourRadioName']").is(":checked")) {
      //its checked
  }
});

Rahm

Answer 3

This is best practice

$("input[name='radioGroup']:checked").val()

Jory

Answer 4

jQuery 3.3.1

if (typeof $("input[name='yourRadioName']:checked").val() === "undefined") {
    alert('is not selected');
}else{
    alert('is selected');
}

Typecast

Answer 5

Radio buttons are,

<input type="radio" id="radio_1" class="radioButtons" name="radioButton" value="1">
<input type="radio" id="radio_2" class="radioButtons" name="radioButton" value="2">

to check on click,

$('.radioButtons').click(function(){
    if($("#radio_1")[0].checked){
       //logic here
    }
});

Shift

Answer 6

var rdValue = $("input[name='radioGroup']:checked").val();
if(rdValue == '' || typeof rdValue === "undefined") {   
    console.log("not checked");
}

Cargile

Answer 7

Check this one out, too:

$(document).ready(function() { 
  if($("input:radio[name='yourRadioGroupName'][value='yourvalue']").is(":checked")) { 
      //its checked 
  } 
});

Positivism

Answer 8

Try this:

var count =0;

$('input[name="radioGroup"]').each(function(){
  if (this.checked)
    {
      count++;
    }
});

If any of radio button checked than you will get 1

Shanel

Answer 9

Simply you can check the property.

if( $("input[name='radioButtonName']").prop('checked') ){
    //implement your logic
  }else{
    //do something else as radio not checked   
  }

Manage