选中其他复选框时如何取消选中复选框？

Question

I have four checkboxes.Initially all are checked. 我有四个复选框，最初都被选中了。 When I click the none checkbox the other checkboxes are unchecked. 当我单击“无”复选框时，其他复选框均未选中。

html HTML

<label class='checkbox'><input type='checkbox' name='a' class="example"  value='1000' checked/>A</label>
<label class='checkbox'><input type='checkbox' name='b' class="example" value='1000' class='termcls'checked />B</label>
<label class='checkbox'><input type='checkbox' name='c' class="example" value='1000' checked/>C</label>
<label class='checkbox'><input type='checkbox' name='none' onchange="uncheckOthers()" value='0' class='termcls'/>(None)</label>

jQuery jQuery的

 function uncheckOthers()
 {
    $('input.example').not(this).prop('checked', false); 
 }

Answer 1

As mentioned by the Tushar , this refers to the window in uncheckOthers not to the None check-box element. 正如Tushar所提到的， this是指uncheckOthers的window ， uncheckOthers不是None复选框元素。

If you are invoking inline function and expecting current element as this in hadler, pass this as argument. 如果您正在调用内联函数和期待当前元素为this在哈德勒，通过this作为参数。

Try this: 尝试这个：

  function uncheckOthers(elem) { $('input.example').not(elem).prop('checked', !elem.checked); }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <label class='checkbox'> <input type='checkbox' name='a' class="example" value='1' checked/>A</label> <label class='checkbox'> <input type='checkbox' name='b' class="example" value='2' class='termcls' checked />B</label> <label class='checkbox'> <input type='checkbox' name='c' class="example" value='3' checked/>C</label> <label class='checkbox'> <input type='checkbox' name='none' onchange="uncheckOthers(this)" value='0' class='termcls' />(None)</label>

Fiddle here 在这里摆弄

Answer 2

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>

    $(document).ready(function () {


    });
    function uncheckOthers() {
        $('input.example').prop('checked', false);
    }
</script>
</head>

<body>
   <label class='checkbox'><input type='checkbox' name='a' class="example"  value='1' checked/>A</label>
<label class='checkbox'><input type='checkbox' name='b' class="example" value='2' class='termcls'checked />B</label>
<label class='checkbox'><input type='checkbox' name='c' class="example" value='3' checked/>C</label>
<label class='checkbox'><input type='checkbox' name='none' onchange="uncheckOthers()" value='0' class='termcls'/>(None)</label>
</body>

</html>

Answer 3

Just to complement the answer above I did a function to uncheck the none checkbox if one of anothers checkbox is checked. 只是为了补充上面的答案，我执行了一个功能，如果选中了另一个复选框，则取消选中无复选框。

  function uncheckOthers(elem) { $('input.example').not(elem).prop('checked', !elem.checked); } function uncheckNone(elem) { if(elem.checked) { $('input.termcls').prop('checked', false); } }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <label class='checkbox'> <input type='checkbox' name='a' onchange="uncheckNone(this)" class="example" value='1' checked/>A</label> <label class='checkbox'> <input type='checkbox' name='b' onchange="uncheckNone(this)" class="example" value='2' class='termcls' checked />B</label> <label class='checkbox'> <input type='checkbox' name='c' onchange="uncheckNone(this)" class="example" value='3' checked/>C</label> <label class='checkbox'> <input type='checkbox' name='none' onchange="uncheckOthers(this)" value='0' class='termcls' />(None)</label>

选中其他复选框时如何取消选中复选框？

问题描述

3 个解决方案

解决方案1
2 已采纳 2016-02-17 06:16:17

解决方案2
0 2016-02-17 06:13:25

解决方案3
0 2018-05-12 12:29:09

选中其他复选框时如何取消选中复选框？

问题描述

3 个解决方案

解决方案1 2 已采纳 2016-02-17 06:16:17

解决方案2 0 2016-02-17 06:13:25

解决方案3 0 2018-05-12 12:29:09

解决方案1
2 已采纳 2016-02-17 06:16:17

解决方案2
0 2016-02-17 06:13:25

解决方案3
0 2018-05-12 12:29:09