我可以将单选按钮设置为checked fine,但我想做的是设置一种“侦听器”,当某个单选按钮被选中时激活。

以以下代码为例:

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

它添加了一个checked属性,一切都很好,但我该怎么做呢 添加警报。例如,选中单选按钮时弹出 没有点击功能的帮助?


当前回答

解决方案很简单,因为当某个单选按钮被选中时,你只需要“监听器”。这样做:

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

其他回答

试试这个

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

如果你不想要点击功能 使用Jquery更改函数

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

这应该就是你想要的答案。 如果你使用的Jquery版本高于1.9.1 尝试使用on作为活动功能已被弃用。

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

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

关于更改动态单选按钮

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

jQuery仍然很流行,但是如果你不想依赖,请参阅下面。 ES-2015上单选按钮是否被选中的短清晰功能:

功能检索从放射学( return键[...文件getElementsByName (name)。 .reduce(rez, btn) => (btn)检查?btn。价值:保留区,空) 的 控制台(getvaluetransm radio(“payment”); < div > <输入类型=“无线电” <输入类型=“无线电” <输入类型=“无线电” <输入类型=“无线电” < / div >

如果你有一组单选按钮共享相同的name属性,并且在提交或某些事件时,你想检查这些单选按钮中的一个是否被选中,你可以简单地通过以下代码做到这一点:

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