首页 > 解决方案 > 如何禁用所有上述复选框选项如果有人点击以上复选框都不是?

问题描述

我浏览了一些具有复选框选项的网站,例如

家庭:妻子丈夫儿子女儿无。如果有人选择了无选项,那么剩余的所有选项都将被禁用

标签: javascriptjqueryhtmlcss

解决方案


请使用此代码,希望对您有所帮助。

谢谢

  <input type="checkbox" name="check" value="father" class="group1">Father
    <input type="checkbox" name="check" value="mother" class="group1">mother
    <input type="checkbox" name="check" value="son & doughter" class="group1">son & doughter
    <input type="checkbox" name="check" value="none" id="none" class="group1">none

 $(function(){
 $("#none").on("click",function(){
    if (this.checked) {
        $("input.group1").attr("disabled", true);
    }else{
        $("input.group1").attr("disabled", false);
    }
 });
});

推荐阅读