原生js 复选框全选案例
2024-10-20 03:59:52
注 : 本文章主要写功能
代码示例 :
<body>
<input type="checkbox" id="che" /><br>
<input type="checkbox" id="" />
<input type="checkbox" id="" />
<input type="checkbox" id="" />
<input type="checkbox" id="" /> <script type="text/javascript">
let che = document.getElementById('che');
let ches = document.querySelectorAll('input');
che.onclick = function () {
for (let i = 1; i < ches.length; i++) {
ches[i].checked = this.checked;
}
} for (let i = 1; i < ches.length; i++) {
ches[i].onclick = function () {
let flag = true;
for (let i = 1; i < ches.length; i++) {
if (!ches[i].checked) {
flag = false
}
}
che.checked = flag
}
}
</script>
</body>
复制代码直接可用
最新文章
- python之socket
- DirectX12 Samples 学习笔记 – PredicationQueries
- Cocos2d-x 3.0修改Android平台帧率fps - 解决游戏运行手机发热发烫问题
- Java Base64加密、解密原理Java代码
- Java并发编程之ConcurrentHashMap(转)
- CNN for Visual Recognition (01)
- layui时间控件,获取页面选中的时间值。
- JAVA泛型中的类型擦除及为什么不支持泛型数组
- 新浪广告交易平台(SAX)DSP手册
- 基于session做的权限控制
- 【转载】VC IME 通信
- Python——pyiso8601
- redis 的 HyperLogLog
- API接口自动化之1 常见的http请求
- 【转】每天一个linux命令(17):whereis 命令
- Java锁的种类以及辨析
- Java基础学习笔记(一)
- (转)scala中map与flatMap浅析
- 查看执行计划plustrace:set autotrace trace exp stat(SP2-0618、SP2-0611)
- Python多版本共存管理工具之pyenv