jquery / javascript中单选按钮取消选择的事件监听器

时间:2014-02-06 15:16:24

标签: javascript jquery

此代码不起作用:

$(document).on('change', '#myRadioButton', function(){ // Won't work

});

我想在取消选择或选择radiobutton时捕获,但上面的代码在未被选中时无法捕获。

捕获单选按钮取消选择的正确方法是什么?

2 个答案:

答案 0 :(得分:4)

我想,您应该使用类似的东西,在同一组的所有无线电上设置onchange事件:

DEMO jsFiddle

$(document).on('change', ':radio[name=mygrp]', function(){ 
    alert($('#myRadioButton').is(':checked'));
});

答案 1 :(得分:0)

这样做:

 $('#myRadioButton').change(function(){
   alert("changed");
});
$('input[type=radio]').not('#myRadioButton').change(function(){
$('#myRadioButton').change();
});

它做什么?

我们知道,只有在选择任何其他单选按钮时才会取消选中单选按钮。

所以我基本上绑定#myRadioButton的更改事件,然后将除#myRadioButton之外的所有其他单选按钮绑定到更改事件,然后在其上调用#myRadioButton的更改事件。比如$('#myRadioButton').change();

这是JsFiddle 我很确定,它会起作用。

如果有帮助,请将其标记为答案:)