AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > PHP编程

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

51自学网 2016-09-19 http://www.wanshiok.com
        $(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);             });         }); 
你爱好的运动是?<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="提 交"/>


说明
:本教程来源互联网或网友上传或出版商,仅为学习研究或媒体推广,wanshiok.com不保证资料的完整性。
 
上一篇:jquery $.each()使用详解  下一篇:jQuery Selector选择器小结