全选
<body> <input type="checkbox" id="ckAll" />全选<br /> <input type="checkbox" name="sub" />1<br /> <input type="checkbox" name="sub"/>2<br /> <input type="checkbox" name="sub"/>3<br /> <input type="checkbox" name="sub"/>4<br /> <script type="text/javascript"> $(function(){ $('#ckAll').click(function(){ $('input[name=sub]').prop('checked',this.checked); }) var len=$('input[name=sub]').length; $('input[name=sub]').click(function(){ var lens=$('input[name=sub]:checked').length; if(lens==len){ $('#ckAll').prop('checked',true); }else{ $('#ckAll').prop('checked',false); } }) }) </script> <script> /* $(function(){ $("#ckAll").click(function() { $("input[name='sub']").prop("checked",this.checked))}; $("input[name='sub']").click(function() { var $subs = $("input[name='sub']"); $("#ckAll").prop("checked" , $subs.length == $subs.filter(":checked").length ? true :false); }); }) */ </script> </body>
View Code
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步