1.全选、反选
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="http://xiazai.jb51.net/201611/yuanma/jquery(jb51.net).rar"></script>
<script type="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>
<div id="plalst">
<input type="checkbox" />一队
<input type="checkbox" />二队
<input type="checkbox" />三队
<input type="checkbox" />四队
<input type="checkbox" />五队
<input type="checkbox" />六队
</div>
<br /><br /><br />
<input type="button" id="selall" value="全选" />
<input type="button" id="selnone" value="全不选" />
<input type="button" id="resver" value="反选" />
<input type="checkbox" id="chkAll" /><label for="chkAll" >选择</label>
</body>
</html>
以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持呐喊教程!
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎点击右下角反馈进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。