Question

我发现几个问题的答案与此类似，我尝试了其中一些，但没有运气。可能我的情况不同，我想在点击其中任何一个时禁用其他复选框。如果单击其中一个，则禁用。

编辑：

我有两个复选框，即; chk1和chk2。如果选中chk1 chk2变为禁用，如果选中chk2则chk1变为禁用

HTML

<tr class="cart-item-row">
<td class="remove-from-cart">
<label class="td-title">Remove:</label>
     <input type="checkbox" name="removefromcart" value="4392" tabindex="15" class="class2">
</td>
<td class="add-to-cart">
<label class="td-title">Buy Now:</label>
    <input type="checkbox" name="addtocart" value="4392" tabindex="16" class="class2">
</td>                                                                                                                      

 </tr>

JS

<script>
    $(function () { // I am also adding class to checkbox through JS
        $('.cart-item-row > td > input[type="checkbox"]').addClass("class2");
    });
</script>
<script>
    //$('input[class^="class"]').click(function () {
 //$('.class2').unbind().click(function () {
    $('.class2').click(function () {
        var $this = $(this);

        if ($this.is(".class2")) {
            if ($this.is(":checked")) {
                $(".class2").not($this).prop({ disabled: true, checked: false });

            } else {
                $(".class2").prop("disabled", false);
            }
        }
    });
</script>

Answer 1

你错过了，你可以将你的jquery放在

中

（文档）$。就绪（函数（）{ }

Answer 2

您必须将点击事件置于文档就绪状态$(function () { });

你可以在这里看到工作Example

使用jQuery将click事件添加到类中

2 个答案: