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>
以上就是本文的全部内容，希望对大家有所帮助，同时也希望多多支持毛票票！
热门推荐
6 保研的祝福语简短
10 年轻20岁祝福语简短
11 朋友结婚祝福语信息简短
12 女孩婚礼贺卡祝福语简短
13 30段点歌简短祝福语
14 虎年春节祝福语图文简短
15 写给后妈祝福语大全简短
16 简短回复生日祝福语
17 校长送毕业祝福语简短
18 毕业立体贺卡祝福语简短