jQuery Checkbox 全选 反选的简单实例
1.全选、反选
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<scriptsrc="http://xiazai.jb51.net/201611/yuanma/jquery(jb51.net).rar"></script>
<scripttype="text/javascript">
$(function(){
$("#selall").on("click",function(){$("#plalst:checkbox").prop("checked",true);});
$("#selnone").on("click",function(){$("#plalst:checkbox").prop("checked",false);});
$("#resver").on("click",function(){$("#plalst:checkbox").prop("checked",function(i,val){return!val;});});
$("#chkAll").on("click",function(){$("#plalst:checkbox").prop("checked",$("#chkAll").prop("checked"))});
});
</script>
</head>
<body>
<divid="plalst">
<inputtype="checkbox"/>一队
<inputtype="checkbox"/>二队
<inputtype="checkbox"/>三队
<inputtype="checkbox"/>四队
<inputtype="checkbox"/>五队
<inputtype="checkbox"/>六队
</div>
<br/><br/><br/>
<inputtype="button"id="selall"value="全选"/>
<inputtype="button"id="selnone"value="全不选"/>
<inputtype="button"id="resver"value="反选"/>
<inputtype="checkbox"id="chkAll"/><labelfor="chkAll">选择</label>
</body>
</html>
以上就是本文的全部内容，希望对大家有所帮助，同时也希望多多支持毛票票！