请谁能告诉我如何设置检查所有和取消所有当我所有的检查后，逐个检查单个复选框之一，上述checkall和取消所有被选中，这就是为什么他是检查。这里是目前使用代码IM： jQuery的checkall按钮，uncheckall按钮，选择其他复选框

$(document).ready(function(){ 
 

 
$('.checkall').click(function(){ 
 
     $('input:checkbox').prop('checked',true); 
 
     $('.uncheckall').prop('checked',false); 
 
     console.log(checkedValues); 
 
    }); 
 
    $('.uncheckall').click(function(){ 
 
     $('input:checkbox').prop('checked',false); 
 
     $(this).prop('checked',true); 
 
    }); 
 
    $('.single').on('click',function(){ 
 
     if($('.single:checked').length == $('.single').length){ 
 
      $('.checkall').prop('checked',true); 
 
      $('.uncheckall').prop('checked',true); 
 
     }else{ 
 
      $('.checkall').prop('checked',false); 
 
      $('.uncheckall').prop('checked',false); 
 
     } 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
 
)<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title>jquery checked</title> 
 
</head> 
 
<body> 
 
<label>checked all</label> 
 
<input type="checkbox" name="check123" class="checkall"> 
 
<label>unchecked all</label> 
 
<input type="checkbox" name="check123" class="uncheckall"> 
 
<div> 
 
<p>select</p> 
 
    <input type="checkbox" name="check123" class="single"> 
 
    <input type="checkbox" name="check123" class="single"> 
 
    <input type="checkbox" name="check123" class="single"> 
 
    <input type="checkbox" name="check123" class="single"> 
 
    <input type="checkbox" name="check123" class="single"> 
 
    <input type="checkbox" name="check123" class="single"> 
 

 
</div> 
 

 
</body> 
 
</html>

来源

2017-10-17 xhander meck

什么是错与您的代码，它选择或取消选择时，我选择了所有复选框单为什么上面uncheckall和checkall复选框所有 – 2017-10-17 20:42:03

选择 –

是看到我的回答： https://stackoverflow.com/a/46798956/8749048 – 2017-10-17 20:48:12

简单切换盒：

function toggle(source) { 
 
     checkboxes = document.getElementsByName('foo'); 
 
     for(var i=0, n=checkboxes.length;i<n;i++) { 
 
     checkboxes[i].checked = source.checked; 
 
     } 
 
    }

<script language="JavaScript"> 
 
    function toggle(source) { 
 
     checkboxes = document.getElementsByName('foo'); 
 
     for(var checkbox in checkboxes) 
 
     checkbox.checked = source.checked; 
 
    } 
 
    </script> 
 

 
    <input type="checkbox" onClick="toggle(this)" /> Toggle All<br/> 
 

 
    <input type="checkbox" name="foo" value="bar1"> Bar 1<br/> 
 
    <input type="checkbox" name="foo" value="bar2"> Bar 2<br/> 
 
    <input type="checkbox" name="foo" value="bar3"> Bar 3<br/> 
 
    <input type="checkbox" name="foo" value="bar4"> Bar 4<br/>

定制你的箱子：

$(".checkall").on("click",function(){ 
 
    $("input.single").prop("checked",$(this).is(":checked")); 
 
    $("input.uncheckall").prop("checked",(!$(this).is(":checked"))); 
 
}); 
 
$(".uncheckall").on("click",function(){ 
 
    $("input.single").prop("checked",!($(this).is(":checked"))); 
 
    $("input.checkall").prop("checked",!($(this).is(":checked"))); 
 
}); 
 
$(".single").on("click",function(){ 
 
    if($(".single:checked").length>0){ 
 
    $("input.checkall").prop("checked",true); 
 
    $("input.uncheckall").prop("checked",false); 
 
    } 
 
    else{ 
 
    $("input.uncheckall").prop("checked",true); 
 
     $("input.checkall").prop("checked",false); 
 
    } 
 

 
});

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

 
<label>checked all</label> 
 
<input type="checkbox" name="check123" class="checkall"> 
 
<label>unchecked all</label> 
 
<input type="checkbox" name="check123" class="uncheckall"> 
 
<div> 
 
<p>select</p> 
 
    <input type="checkbox" name="check123" class="single"> 
 
    <input type="checkbox" name="check123" class="single"> 
 
    <input type="checkbox" name="check123" class="single"> 
 
    <input type="checkbox" name="check123" class="single"> 
 
    <input type="checkbox" name="check123" class="single"> 
 
    <input type="checkbox" name="check123" class="single">

要将所有/全部取消的支票更改标签上的切换：看到这个JSFiddle并执行它，我还在工作，将已经完成，并很快在这里implimented对这个职位代码！ 这里是小提琴嵌入：

<script async src="//jsfiddle.net/kq958k3s/147/embed/result/"></script>

谢谢！
另一个Fiddle：

<script async src="//jsfiddle.net/Vj6wY/4925/embed/result/"></script>

来源

2017-10-17 20:46:57

PLZ发送代码，第一个就是helful ...输入：checkbox.single –

你是什么意思？ – 2017-10-17 21:07:07

这是否对您有帮助？如果是的话，接受答案。只有当它真的帮助你时！。 – 2017-10-17 21:07:47

jQuery的checkall按钮，uncheckall按钮，选择其他复选框

回答

简单切换盒：

定制你的箱子：

相关问题