找出JQuery是否选中了单选按钮？

我可以将单选按钮设置为选中状态，但是我想做的是设置一种“侦听器”，当选中某个单选按钮时会激活它。

以下面的代码为例：

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

它添加了一个选中的属性，一切都很好，但是我将如何添加警报。例如，在没有单击功能的情况下选中单选按钮时，会弹出该窗口吗？

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

如果您有一组具有相同名称属性的单选按钮，并且在提交或某些事件后要检查是否选中了这些单选按钮之一，则可以通过以下代码简单地完成此操作：

$(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参考

当Parag的解决方案给我带来错误时，这是​​我的解决方案（结合David Hedlund和Parag的解决方案）：

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

这对我来说很好！

您必须绑定复选框的click事件，因为change事件在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();

//通过类检查

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         
}

另一种方法是使用（jQuery> = 1.6）：prop

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

解决方案将很简单，因为当选中某个单选按钮时，您只需要“侦听器”即可。做到：-

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

如果您不想单击功能，请使用Jquery更改功能

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

这应该是您正在寻找的答案。如果您使用的Jquery版本高于1.9.1，请尝试使用on，因为live函数已被弃用。

...谢谢大家...我需要的只是选中的单选按钮的“值”，其中每个单选按钮都有一个不同的ID ...

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

为我工作...

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

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

在这里工作

动态生成的单选按钮检查单选获取值

$("input:radio[name=radiobuttonname:checked").val();

更改时动态单选按钮

$('input[name^="radioname"]').change(function () {if (this.value == 2) { }else{}});

$（'。radio-button-class-name'）。is（'checked'）不适用于我，但是下面的代码运行良好：

    if(typeof $('.radio-button-class-name:checked').val() !== 'undefined'){
     // radio button is checked
    }

尝试这个

    if($('input[name="radiobutton"]:checked').length == 0) {
        alert("Radio buttons are not checked");
    }

尝试这个：

alert($('#radiobutton')[0].checked)

jQuery仍然很流行，但是如果您希望没有依赖项，请参见下文。短路和清除功能，用于确定在ES-2015上是否选中了单选按钮：

function getValueFromRadioButton( name ){
  return [...document.getElementsByName(name)]
         .reduce( (rez, btn) => (btn.checked ? btn.value : rez), null)
}

console.log( getValueFromRadioButton('payment') );

<div>  
  <input type="radio" name="payment" value="offline">
  <input type="radio" name="payment" value="online">
  <input type="radio" name="payment" value="part" checked>
  <input type="radio" name="payment" value="free">
</div>

$("#radio_1").prop("checked", true);

对于1.6之前的jQuery版本，请使用：

$("#radio_1").attr('checked', 'checked');