来源：自学PHP网 时间：2014-11-29 13:28 作者： 阅读:次
[导读] 本文分享一段基于jQuery实现的复选框全选、全不选、反选功能的代码，有需要的小伙伴直接带走吧...
|
本代码是在众多的jQuery复选框功能代码中精选出来的，本人项目中使用的代码，这里分享给大家。 jQuery代码： 复制代码 代码如下: $(function(){ $("#checkedAll").click(function(){ $('[name=items]:checkbox').attr('checked',true); }); $("#checkedNo").click(function(){ $('[name=items]:checkbox').attr('checked',false); }); $("#checkedRev").click(function(){ $('[name=items]:checkbox').each(function(){ //$(this).attr('checked',!$(this).attr('checked')); this.checked = !this.checked; }); }); $("#send").click(function(){ var str = "你选中的是：\r\n"; $('[name=items]:checkbox:checked').each(function(){ str += $(this).val()+"\r\n"; }); alert(str); }); }); HTML代码： 复制代码 代码如下: 你爱好的运动是？<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> <input type="button" id="checkedAll" value="全 选"/> <input type="button" id="checkedNo" value="全不选"/> <input type="button" id="checkedRev" value="反 选"/> <input type="button" id="send" value="提 交"/> 小伙伴们使用起来是不是很方便，这也是本人千挑万选出来的，希望能对大家有所帮助。 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
