微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

基于jQuery实现复选框的全选 全不选 反选功能

代码是在众多的jQuery复选框功能代码中精选出来的,本人项目中使用的代码,这里分享给大家。

jQuery代码

代码如下:
Box').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代码

代码如下:
Box" name="items" value="足球"/>足球 Box" name="items" value="篮球"/>篮球 Box" name="items" value="羽毛球"/>羽毛球 Box" name="items" value="乒乓球"/>乒乓球
edno" value="全不选"/>

小伙伴们使用起来是不是很方便,这也是本人千挑万选出来的,希望能对大家有所帮助。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐