使用 jQuery 制作像收音机这样的复选框，我怎样才能取消选中？包括小提琴

Question

我使用此代码使复选框充当单选按钮的作用。我可以添加/更改什么，以便当单击复选框时它会取消选中？

http://jsfiddle.net/peter/4Awf9/

$(".radiounique").click(function() {
$(".radiounique").removeAttr('checked');
$(this).attr('checked', true);
});

<input type="checkbox" class="radiounique" value="3">
<input type="checkbox" class="radiounique" value="4">
<input type="checkbox" class="radiounique" value="2">
<input type="checkbox" class="radiounique" value="1">

Answer 1

如果你希望它像单选按钮一样 -

可以尝试 -

$(".radiounique").click(function() {
    var state = $(this).is(':checked');
    $(".radiounique").removeAttr('checked');
    $(this).attr('checked', state );
});

Fiddle - http://jsfiddle.net/4Awf9/1 /

Answer 2

这是一个常见的错误。单选按钮是单选按钮，复选框是复选框。不要通过更改复选框列表功能来模拟单选按钮列表来迷惑用户。这是非常糟糕的做法。

顺便说一句，如果您禁用 JavaScript，仍然可以选中多个复选框。

我知道这不是你想要的答案，但这是事实。

Answer 3

    $(".radiounique").click(function() {

        var clicked = $(this);

        $(".radiounique").each(function(){
            if($(clicked[0]).attr('value') != $(this).attr('value'))
                 $(this).attr('checked', false);     
        })

    if($(this).attr('checked') == 'checked')
            $(this).attr('checked', true);

});