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/

由于'clear'调试语句显示在小提琴上，一旦点击它看起来就像是一直点击它。

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);
});

小提琴示例：click

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");
  }
});

Demo

如果输入：电台点击选中收音机

2 个答案: