首页 > 代码库 > jquery-全选，反选，全不选
jquery-全选，反选，全不选
<html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>全选，反选，全不选</title><head></head><script type="text/javascript" src="jquery-1.4.3.js"></script><script type="text/javascript"> $(function(){ $("#CheckedAll").click(function(){ $("#playList :checkbox").attr("checked",true); }); $("#unSelect").click(function(){ $("#playList :checkbox").attr("checked",false); }); $("#reverse").click(function(){ $("#playList :checkbox").each(function(){ $(this).attr("checked",!$(this).attr("checked")); }) }); $("#send").click(function(){ var str = "你选中的爱好：\r\n"; $(‘input[type=checkbox][name=items]:checked‘).each(function(){ str+=$(this).val()+‘\r\n‘; }); alert(str); }); });</script><body> <form> 你爱好的运动是？<br/><input type="button" id="CheckedAll" value="全选"/><br/> <input type="button" id="unSelect" value="全不选"/><br/> <input type="button" id="reverse" value="反选"/><br/> <div id="playList"> <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="send" value="提 交"/> </div></form> </body></html>
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。