jquery - 事件价格为 $ ('input[type=radio]:checked' )

Question

这是我的 jQuery 脚本:

$("input[type=radio]:checked").live("click", function() {
    $(this).attr("checked",false);
});

我想让我所有的单选按钮都可以被选中和取消选中。该代码假设仅在单击选中的 radio 时触发。但不知何故，任何单选按钮(无论是否选中)都会触发此事件。就好像浏览器会先检查 radio ，然后运行我的脚本。

如果我 alert($("input[type=radio]:checked").size())，它就会给我正确的计数。

我正在 FF4 中测试代码，但我希望该解决方案也能适应 IE。

好吧，由于我的问题看起来很困惑，这是我想要的工作代码，但它需要额外的自定义属性，我希望可以避免。

<input type="radio" name="group1" value="1" isChecked="false"/>
<input type="radio" name="group1" value="2" isChecked="false"/>
<input type="radio" name="group1" value="3" isChecked="false"/>

<script>

$(document).ready(function(){
    $("radio").click(function(){
        if($(this).attr("isChecked")=="false"){
            $(this).attr("isChecked","true");
            $(this).attr("checked",true);
        }
        else{
            $(this).attr("isChecked","false");
            $(this).attr("checked",false);
        }
    });
});

</script>

Answer 1

这并不是单选按钮的真正用途。看起来您正在尝试创建一个介于单选按钮和复选框之间的输入控件。

您可以采取以下几种方法:

1) 使用单独的按钮清除单选按钮:

HTML:

<input id="clearRadios" type="button">Clear</input>

jQuery:

$('#clearRadios').click(function() {
    // use attr only if you're using an older version of jQuery
    $('input[type=radio]').prop('checked', false);
});

2)使用复选框来像单选按钮一样工作:

var $chkboxes = $('input[type=checkbox]');
$chkboxes.click(function() {
    var currChkbox = this;
    $chkboxes.each(function() {
        if (this !== currChkbox) {
            $(this).prop('checked', false);
        }
    });      
});

如果是我，在大多数情况下我可能会选择第一个选项。