Checkbox 全选、反选
2024-10-11 06:13:42
1.全选、反选
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="http://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></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>
在线测试:http://www.runoob.com/try/try.php?filename=tryjquery_hide
最新文章
- .Net 转战 Android 4.4 日常笔记(7)--apk的打包与反编译
- Java通过几种经典的算法来实现数组排序
- javascript学习—理解addLoadEvent函数
- 使用animate()的时候,有时候会出现移进移出的闪动问题
- 【Android】设置 LinearLayout 的样式
- HDU 4512 吉哥系列故事——完美队形(LCIS)
- jQuery插件:简易年月日选择器
- PAT (Advanced Level) 1077. Kuchiguse (20)
- hisi出的H264码流结构
- SQLHELPER 帮助类
- cnpm,vue等命令不识别的问题废人解决方案
- div中的内容超过容器宽度的问题
- Gitbook在Windows上安装
- JQUERY-自定义插件-ajax-跨域访问
- 2_Linux操作系统和基础命令行
- 《Android进阶之光》--事件总线
- js取的随机数
- android麦克风自录自放demo
- Yii2 集成 adminlteasset
- Flask 发布 1.0 稳定版