找出是否用JQuery检查了单选按钮？

Question

我可以设置一个单选按钮来检查罚款,但我想要做的是设置一种"监听器",当检查某个单选按钮时它会激活.

以,例如以下代码:

$("#element").click(function()
{ 
    $('#radio_button').attr("checked", "checked");
});

它添加了一个checked属性,一切都很好,但我怎么去添加一个警报.例如,在没有点击功能的帮助下检查单选按钮时会弹出？

Answer 1

$('#element').click(function() {
   if($('#radio_button').is(':checked')) { alert("it's checked"); }
});

Answer 2

如果您有一组共享相同名称属性的单选按钮,并且在提交或某些事件时您要检查是否已选中其中一个单选按钮,则可以通过以下代码执行此操作:

$(document).ready(function(){
  $('#submit_button').click(function() {
    if (!$("input[name='name']:checked").val()) {
       alert('Nothing is checked!');
        return false;
    }
    else {
      alert('One of the radio buttons is checked!');
    }
  });
});

资源

jQuery API参考

Answer 3

由于Parag的解决方案给我一个错误,这是我的解决方案(结合David Hedlund和Parag的):

if (!$("input[name='name']").is(':checked')) {
   alert('Nothing is checked!');
}
else {
   alert('One of the radio buttons is checked!');
}

这对我来说很好!

Answer 4

您必须绑定复选框的click事件,因为更改事件在IE中不起作用.

$('#radio_button').click(function(){
    // if ($(this).is(':checked')) alert('is checked'); 
    alert('check-checky-check was changed');
});

现在,当您以编程方式更改状态时,还必须触发此事件:

$('#radio_button').attr("checked", "checked");
$('#radio_button').click();

Answer 5

//通过课程检查

if($("input:radio[class='className']").is(":checked")) {
     //write your code         
}

//检查姓名

if($("input:radio[name='Name']").is(":checked")) {
         //write your code         
}

//检查数据

if($("input:radio[data-name='value']").is(":checked")) {
         //write your code         
}

Answer 6

另一种方法是使用(jQuery> = 1.6):prop

$("input[type=radio]").click(function () {
    if($(this).prop("checked")) { alert("checked!"); }
});

Answer 7

解决方案很简单,因为在选中某个单选按钮时你只需要"听众".这样做: -

if($('#yourRadioButtonId').is(':checked')){ 
// Do your listener's stuff here. 
}

Answer 8

如果您不想使用单击函数,请使用Jquery更改函数

$('#radio_button :checked').live('change',function(){
alert('Something is checked.');
});

这应该是您正在寻找的答案.如果您使用的是1.9.1以上的Jquery版本,请尝试使用on作为实时函数已被弃用.

Answer 9

终极解决方案 使用 onChang 方法检测单选按钮是否已被选中 JQUERY > 3.6

         $('input[type=radio][name=YourRadioName]').change(()=>{
             alert("Hello"); });

获取单击的单选按钮的值

 var radioval=$('input[type=radio][name=YourRadioName]:checked').val();

Answer 10

...谢谢你们......我所需要的只是已检查单选按钮的"价值",其中集合中的每个单选按钮都有不同的ID ...

 var user_cat = $("input[name='user_cat']:checked").val();

对我有用......

Answer 11

使用所有类型的单选按钮和浏览器

if($('#radio_button_id')[0].checked) {
   alert("radiobutton checked")
}
else{
   alert("not checked");
}

在这里工作