Jquery 未选中当单击其他复选框时选中的所有复选框不起作用

我有4个复选框，我想取消选中所有复选框，这些复选框在单击None复选框时处于选中状态

问题是，当我选中选项1和选项2复选框时，当我选中无复选框时，选项1和选项2复选框未被选中

当我选中值为2和3的复选框时，当我选中值为4的复选框时，2和3复选框将被取消选中

<input class="form-check-input tab1_chk example" type="checkbox" name="2[]" onchange="uncheckOthers(this)" id="none" value="1">Option 1
<input class="form-check-input tab1_chk example" type="checkbox" name="2[]" onchange="uncheckOthers(this)" id="none" value="2">Option 2
<input class="form-check-input tab1_chk example" type="checkbox" name="2[]" onchange="uncheckOthers(this)" id="none" value="3">Option 3
<input class="form-check-input tab1_chk example" type="checkbox" name="2[]" onchange="uncheckOthers(this)" id="none" value="4">None

选项1
选择2
选择3
没有一个

这是我的jquery代码

<script>
        function uncheckOthers(ele) {  
        if(ele.checked && ele.value == "4") { // check #none is checked and has its value 4
        ele.checked = false;
            $('.example').prop('checked', false);// Uncheck all the checkboxes with class 'example'
        }
    };


    </script>

函数uncheckOthers（ele）{
如果（ele.checked&&ele.value==“4”）{//check#未选中任何项，且其值为4
ele.checked=false；
$（'.example'）.prop（'checked'，false）；//取消选中类为'example'的所有复选框
}
};

---

注意：我的复选框在数据库中是动态的，这就是为什么我写这篇文章的原因。你不必给复选框赋值。相反，您可以检查是否选中了id为“none”的复选框，然后取消选中类为“example”的所有复选框

函数取消勾选（）{
//检查是否选中id为“无”的复选框。
如果（$（“#无”）。为（':checked'））{
$（'input.example'）.prop（'checked'，false）；//取消选中类为'example'的所有复选框
}
};

选项1

选项2

选项3

无

选项1

选项2

选项3

无

函数uncheckOthers（ele）{
如果（ele.checked&&ele.value==“4”）{//check#未选中任何项，且其值为4
$（'.example'）.prop（'checked'，false）；//取消选中类为'example'的所有复选框
}
};

另一种方式是在onchange函数中传递自定义值。您可以按如下方式检查条件

None

函数取消勾选（ele，checkValue）{
如果（ele.checked&&ele.value==checkValue）{
$（'.example'）.prop（'checked'，false）；
}
};
有没有办法取消按值勾选？@Arslan“取消按值勾选”是什么意思？是否只需要根据其值取消选中某些复选框？是的，我需要根据其值取消选中某些复选框value@Arslan是的，你可以。检查更新的答案。在第二个代码段中，我们检查复选框值是否为3，然后仅取消选中该复选框。感谢您的支持，但我需要id为none的复选框，请将值指定为4，当我选中此复选框时，选中的复选框将取消选中感谢您的支持，但仍然不起作用。我不知道为什么它不能在JSFIDLE中工作。但是它在我的HTML页面中对我有效。@Arslan，在您的JSFIDLE链接中，Jquery库没有加载，并将加载类型更改为“No wrap-in”。在脚本部分相应地更改设置。然后，它将根据我的要求完美地在fiddle上工作，但问题是，在我的html页面中，当选中“无”复选框时，其他复选框被选中，但“无”复选框未被选中所有复选框被选中，但“无”复选框未被选中，即使我第一次选中，您的问题也不清楚，也没有用
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <input type="checkbox" class="example" name="Option 1" value="1">Option 1<br>
    <input type="checkbox" class="example" name="Option 2" value="2">Option 2<br>
    <input type="checkbox" class="example" name="Option 3" value="3">Option 3<br>
    <input type="checkbox" onchange="uncheckOthers(this)" class='termcls' name="None" id="none" value="4">None<br>
    <script>
        function uncheckOthers(ele) {  
            if(ele.checked && ele.value == "4") { // check #none is checked and has its value 4
                $('.example').prop('checked', false);// Uncheck all the checkboxes with class 'example'
            }
        };
    </script>

<input type="checkbox" onchange="uncheckOthers(this,4)" class='termcls' name="None" id="none" value="4">None<br>


function uncheckOthers(ele,checkValue) {  
    if(ele.checked && ele.value == checkValue) { 
         $('.example').prop('checked', false);
    }
};