checkbox全选、反选 - 彭小妍

<body>
　　<div class="div1">
　　　　<input type="checkbox" name="cb">
　　</div>
　　<hr>
　　<div class="div2">
　　　　<input type="checkbox" name="cbs"><br>
　　　　<input type="checkbox" name="cbs"><br>
　　　　<input type="checkbox" name="cbs"><br>
　　　　<input type="checkbox" name="cbs">
　　</div>
</body>
<script type="text/javascript">
　　var num=0;
　　$("input[name='cb']").click(function(){
　　　　if($(this).attr("checked")=="checked"){
　　　　　　$("input[name='cbs']").attr("checked",true);
　　　　　　num=$("input[name='cbs']").length;
　　　　}else{
　　　　　　$("input[name='cbs']").attr("checked",false);
　　　　　　num=0;
　　　　}
　　})
　　$("input[name='cbs']").click(function(){
　　　　if($(this).attr("checked")=="checked"){
　　　　　　num++;
　　　　　　if(num==$("input[name='cbs']").length){
　　　　　　　　$("input[name='cb']").attr("checked",true);
　　　　　　}
　　　　}else{
　　　　　　num--;
　　　　　　$("input[name='cb']").attr("checked",false);
　　　　}
　　})
</script>

posted on 2017-05-26 11:42 彭小妍阅读(149) 评论(0) 收藏举报

刷新页面返回顶部