Question

我的复选框的行为类似于单选按钮，因此在一组复选框中只能选择一个复选框。它们按输入类分组。

但我也希望有可能取消选中我的代码中正在阻止的复选框。

如何拥有所有复选框＆＃34;无法选择＆＃34;有这个功能？谢谢。

HTML：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<input type="checkbox" name="fruit" value="fruit" class="classname">I like fruits
<br>
<input type="checkbox" name="vegetable" value="vegetable" class="classname">I like vegetables

JavaScript的：

$(document).ready(function () {
     var $unique = $('input.classname');
     $unique.click(function () {
         $unique.removeAttr('checked');
         $(this).attr('checked', true);
     });
 });

JSFiddle example over here

Answer 1

您可以尝试仅处理像

这样的选择操作

$(document).ready(function () {

    var $unique = $('input.classname');
    $unique.change(function () {
        if (this.checked) {
            $unique.not(this).prop('checked', false);
        }
    });

});

演示：Fiddle

jQuery只能检查一个复选框，但也可以取消选中它

1 个答案: