<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title></title> <style>
</style></head><body><form action=""> <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 id="CheckedAll" type="checkbox"/>全选/不全不选 <input id="CheckedRev" type="button" name="items" value="反选"/> <input id="send" type="button" name="items" value="提交"/></form></body><script src="js/jquery-1.11.3.js"></script><script>//用原生js不会有问题 $("#CheckedAll").click(function(){ var thisAll=this; if(thisAll.checked){ $(‘[name=items]:checkbox‘).each(function(){ this.checked=true; }); }else{ $(‘[name=items]:checkbox‘).each(function(){ this.checked=false; }); } });$(‘[name=items]:checkbox‘).click(function(){ var flag=true; $(‘[name=items]:checkbox‘).each(function(){ if(!this.checked){ flag=false; } }); $("#CheckedAll")[0].checked=flag;// $("#CheckedAll").attr(‘checked‘,flag);});$("#CheckedRev").click(function(){ $(‘[name=items]:checkbox‘).each(function(){ this.checked=!this.checked; });}); $("#send").click(function(){ var str="你选中的是： \r\n"; $(‘[name=items]:checkbox‘).each(function(){// 用this.checked或者用$(this).context.checked，用attr不行 if(this.checked){ str+=$(this).val()+"\r\n"; } }); console.log(str); })</script></html>
时间： 2024-10-10 17:41:15