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

前端之家收集整理的这篇文章主要介绍了基于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="乒乓球"/>乒乓球

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

猜你在找的jQuery相关文章