首页 > 其他 > 详细

全选和全不选demo

时间:2020-06-03 21:39:59      阅读:39      评论:0      收藏:0      [点我收藏+]
 1 <script>
 2         
 3         $(function(){
 4             $("#chkAll").change(function(){
 5                 
 6                 //获取我们全选按钮的选中状态;
 7                 var ck=$("#chkAll").prop("checked");
 8                 
 9                 //修改我们所有名字为tck的复选框的状态
10                 $("input[name=‘tck‘]").prop("checked",ck);
11                 
12             })
13             
14             //所有复选框的个数
15             //var allcount = $("input[name=‘tck‘]").length;            
16             //选中的复选框的个数
17             //var ckcount = $("input[name=‘tck‘]:checked").length
18             //$("#chkAll").prop("checked",allcount == ckcount);
19             
20             
21             $("input[name=‘tck‘]").change(function(){
22                 $("#chkAll").prop("checked",$("input[name=‘tck‘]").length==$("input[name=‘tck‘]:checked").length);
23             })
24             
25         })
26         
27     </script>

技术分享图片

 

全选和全不选demo

原文:https://www.cnblogs.com/dabu/p/13040073.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!