Question

我有几个复选框，标记为MON，TUE，WED，直到SUN。我想要一个标记为ALL的复选框，取消选中并禁用其他7个复选框。我正在使用JQuery，但我找不到这个特定问题的文档。

这是HTML：

<div class="feed-info-input-lbl-set">
    <div class="feed-info-label lbl-company-role">Delivery</div> 
    <div class="checkbox-and-value">
        <div class="feed-info-input input-delivery-day" >SUN
            <br />
            <input id="chk-sun" class="chk-ctrl" type="checkbox" name="delivery-day" value="sunday" />
        </div>
        <div class="feed-info-input input-delivery-day" >MON
            <br />    
        <input id="chk-mon" class="chk-conn" type="checkbox" name="delivery-day" value="monday" />
        </div>
        <div class="feed-info-input input-delivery-day" >TUE
    ...ETC
</div> <!--  End Checkboxes -->

有人知道如何实现这个目标吗？

感谢。

Answer 1

你可以试试像

这样的东西

$("#ALL").change(function(){
if($(this).is(":checked")){
 $(":checkbox").not(this).attr("disabled","disabled").removeAttr("checked");
}else{
$(":checkbox").not(this).removeAttr("disabled");
}

});

Answer 2

应该相当简单。使用jquery选择器来识别你的复选框（没有代码示例就无法更精确）然后调用.prop（“checked”，false），然后调用.attr（'disabled'，'disabled'）。

...如果这不能解决你的问题，也许你可以对你遇到的困难更清楚一点？

检查复选框时所有其他人取消选中并取消选中

2 个答案: