如何使用JQuery检查单选按钮?

时间:2012-01-04 10:19:59

标签: javascript jquery radio-button

我在一个组中有两个单选按钮,我想检查单选按钮是否已使用JQuery检查,如何?

8 个答案:

答案 0 :(得分:50)

给出一组单选按钮:

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

您可以使用jQuery测试是否检查特定的一个,如下所示:

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

您可以按如下方式获取组中当前已检查的值:

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

答案 1 :(得分:8)


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

答案 2 :(得分:2)

这是最佳做法

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

答案 3 :(得分:0)

也要检查一下:

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

答案 4 :(得分:0)

进一步采取一些答案 - 如果您执行以下操作,您可以检查是否已检查无线电组中的任何元素:

$c(已选中)或if ($('input[name="yourRadioNames"]:checked').val()){(未选中)

答案 5 :(得分:0)

单选按钮是

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

检查点击,

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

答案 6 :(得分:0)

jQuery 3.3.1

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

答案 7 :(得分:0)

尝试一下:

var count =0;

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

如果选中任何一个单选按钮,您将得到1