CODEWITHSUNDEEP
javascriptjqueryradio-button
Bader
Bader

Reputation: 3774

How to check radio button is checked using JQuery?

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

Upvotes: 43

Views: 212770

Answers (9)

nnnnnn
nnnnnn

Reputation: 150010

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()

Upvotes: 92

Sudhir Bastakoti
Sudhir Bastakoti

Reputation: 100175

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
  }
});

Upvotes: 10

reshma
reshma

Reputation: 712

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
    }
});

Upvotes: 1

Bang Andre
Bang Andre

Reputation: 541

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

Upvotes: 1

Md Masud
Md Masud

Reputation: 2703

Simply you can check the property.

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

Upvotes: 0

Yasin Patel
Yasin Patel

Reputation: 5731

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

Upvotes: 0

Sadee
Sadee

Reputation: 3170

jQuery 3.3.1

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

Upvotes: 4

Mahendra Jella
Mahendra Jella

Reputation: 5596

This is best practice

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

Upvotes: 4

radu florescu
radu florescu

Reputation: 4343

Check this one out, too:

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

Upvotes: 0

Related Questions