有多个checkbox全选全不选
1个回答
2016-03-13 · 为您提供更好的产品和服务
七彩虹科技有限公司
七彩虹科技成立于1995年，中国著名的DIY硬件厂商， 亚太区最重要的显示卡提供商之一。专注于IT硬件产品研发、生产和销售，致力于为个人和企业用户提供最具创新与实用价值的硬件产品及应用方案。
向TA提问
关注
![]()
展开全部
//所有checkbox跟着全选的checkbox走。 $('[name=items]:checkbox').attr("checked", this.checked );});$('[name=items]:checkbox').click(function(){ //定义一个临时变量，避免重复使用同一个选择器选择页面中的元素，提升程序效率。 var $tmp=$('[name=items]:checkbox'); //用filter方法筛选出选中的复选框。并直接给CheckedAll赋值。 $('#CheckedAll').attr('checked',$tmp.length==$tmp.filter(':checked').length); /* //一行做过多的事情需要写更多注释。复杂选择器还可能影响效率。因此不推荐如下写法。 $('#CheckedAll').attr('checked',!$('[name=items]:checkbox').filter(':not(:checked)').length);*/});//输出值$("#send").click(function(){ var str="你选中的是：\r\n"; $('[name=items]:checkbox:checked').each(function(){ str+=$(this).val()+"\r\n";})alert(str);});});</script></head><body><form method="post" action=""> 你爱好的运动是？<input type="checkbox" id="CheckedAll" />全选/全不选<br/> <input type="checkbox" name="items" value="足球"/>足球 <input type="checkbox" name="items" value="篮球"/>篮球 <input type="checkbox" name="items" value="羽毛球"/>羽毛球 <input type="checkbox" name="items" value="乒乓球"/>乒乓球<br/>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
