<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>全选、反选</title>
</head>
<body>
<form>
<input type="checkbox" name="" id="all" onclick="selectAll();" />全选<br />
<hr /><br />
<input class="chk" type="checkbox" name="chk" onclick="selectSingle();" />菜单一<br /><br />
<input class="chk" type="checkbox" name="chk" onclick="selectSingle();" />菜单二<br /><br />
<input class="chk" type="checkbox" name="chk" onclick="selectSingle();" />菜单三<br /><br />
<input class="chk" type="checkbox" name="chk" onclick="selectSingle();" />菜单四<br /><br />
</form>
<script type="text/javascript" >
var dom=document.getElementById('all');
var doms=document.getElementsByName('chk');
function selectAll(){
var len = doms.length;
for(var i=0;i<len;i++){
if(dom.checked){
doms[i].checked=true;
}else{
doms[i].checked=false;
};
}
};
function selectSingle(){
let len = 0;
let count = doms.length;
for(var i=0;i<count;i++){
if(doms[i].checked==true){
len++;
}
}
if (count == len) {
dom.checked = true;
}else{
dom.checked = false;
}
}
</script>
</body>
</html>
javascript实现复选框单选多选！
javascript实现复选框单选多选！
2024-07-24 08:48:08 阅读次数：15
版权声明：本文内容来自第三方投稿或授权转载，原文地址：https://blog.51cto.com/u_10992108/5984685，作者：7small7，版权归原作者所有。本网站转在其作品的目的在于传递更多信息，不拥有版权，亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系，请发邮件至ctyunbbs@chinatelecom.cn沟通。
上一篇：【C语言小游戏】贪吃蛇
下一篇：遗传算法（Java模拟）
作者介绍
天翼云用户
查看更多
最新文章
R语言文本挖掘tf-idf,主题建模，情感分析,n-gram建模研究|附代码数据
2024-09-25 10:15:32
Python3 - 时间处理与定时任务
2024-09-25 10:15:32
SpringCloud-技术专区-Gateway基于OAuth2.0 的身份认证
2024-09-25 10:15:32
Python使用神经网络进行简单文本分类
2024-09-25 10:15:32
JavaScript高级之继承
2024-09-25 10:15:32
Python实战技巧（9）Python发送邮件
2024-09-25 10:15:32
查看更多
热门文章
Java学习之算术运算符两只老虎
2023-04-19 09:23:13
Lambda函数
2023-02-08 10:33:56
R语言方差分析（ANOVA）学生参加辅导课考试成绩差异
2023-02-08 10:33:55
r语言中对LASSO，Ridge岭回归和Elastic Net模型实现
2023-02-10 10:10:49
html：canvas画布绘图简单入门
2023-02-20 10:15:01
js中通过正则表达式验证邮箱是否合法
2023-03-02 02:40:07
售前咨询热线
400-810-9889转1
- 天翼云APP
- 微信公众号
©2024天翼云科技有限公司版权所有 增值电信业务经营许可证A2.B1.B2-20090001
公司地址：北京市东城区青龙胡同甲1号、3号2幢2层205-32室
