jquery - 如果输入：收音机点击选中的收音机

Question

如何检测单选按钮何时被选中？

HTML：

<label><input type="radio" name="test">One</label>
<label><input type="radio" name="test">Two</label>

每当用户从我的单选按钮中选择一个选项时，我都想执行某个功能

我试过类似的东西：

$("input:radio").on("change", function(){
    if($(this).is(':checked')) {
        $(this).attr('checked', false)
        // do some more...

    }
});

演示：http: //jsfiddle.net/A5EzU/

正如小提琴上显示的“清除”调试语句，一旦点击它看起来就像它一直被点击。

Answer 1

您可能想尝试使用复选框而不是单选按钮，因为单选按钮只能同时选中一个。

html:

<label><input type="checkbox" />One</label>
<label><input type="checkbox" />Two</label>

JS：

$("input:checkbox").on("change", function(){
  $("input:checkbox").not($(this)).prop('checked', false);
});

小提琴示例：单击

Answer 2

试试这个

HTML

<label><input type="radio" name="test" id="one">One</label>
<label><input type="radio" name="test" id="two">Two</label>

<code></code>

JS

$("input:radio").on("change", function(){
if($(this).is(':checked')) {
    $('code').html('clear !');
    $(this).attr("id");
    $('code').append($(this).attr("id"));
    $(this).attr(':checked', false)
    if($(this).attr("id")=="one")
    {
        alert("One");
    }
    else
        alert("two");
  }
});

演示