javascript 如何使用jQuery检查单选按钮是否被选中?

7hiiyaii  于 2023-05-12  发布在  Java
关注(0)|答案(9)|浏览(124)

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

7uhlpewt

7uhlpewt1#

给定一组单选按钮:

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

jdzmm42g2#

下面的代码检查是否选中了名称类似'yourRadioName'的单选按钮:

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

mzillmmw3#

jQuery 3.3.1

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

slwdgvem4#

这是最佳实践

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

eyh26e7m5#

单选按钮是,

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

lmvvr0a86#

看看这个,也是:

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

vnjpjtjt7#

试试这个:

var count =0;

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

如果选中任何单选按钮,则将获得1

sbtkgmzw

sbtkgmzw8#

你可以检查财产。

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

sdnqo3pr9#

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

相关问题