<head>
< charset=\"UTF-8\">
< ></ >
< type=\"text/ \">
window. =function(){
//获取name=interest的标签集合
var interests=document.getElementsByName(\"interest\");
//全选函数
document.getElementById(\"chkAll\"). =function(){
for(var i=0;i<interests.length;i++){
interests[i].checked=this.checked;
}
}
//反选函数
document.getElementById(\"btnReverse\"). =function(){
for(var i=0;i<interests.length;i++){
interests[i].checked=!interests[i].checked;
}
//检查全选
checkAll();
}
//所有选中则全选前加对勾,有一项没选中,全选没对勾
function checkAll(){
var count=0;
for(var i=0;i<interests.length;i++){
if (interests[i].checked) {
count++;
}
}
if (count==interests.length) {
document.getElementById(\"chkAll\").checked=true;
}else{
document.getElementById(\"chkAll\").checked=false;
}
}
//单击每一个复选框时,检查全选框的状态
for(var i=0; i<interests.length; i++){
interests[i]. = checkAll;
}
}
</ >
</head>
<body>
<input type=\"checkbox\" id=\"chkAll\" />全选
<input type=\"button\" id=\"btnReverse\" value=\"反选\" />
<br/><br/>
<input type=\"checkbox\" name=\"interest\" value=\"唱歌\" />唱歌
<input type=\"checkbox\" name=\"interest\" value=\"跳舞\" />跳舞
<input type=\"checkbox\" name=\"interest\" value=\"跑步\" />跑步
<input type=\"checkbox\" name=\"interest\" value=\"游泳\" />游泳
</body>
继续阅读与本文标签相同的文章
上一篇 :
mysql数据类型
-
字节跳动要做一款24小时在家陪读的AI教练,原锤子团队参与研发
2026-05-18栏目: 教程
-
全能扫描工具,支持OCR文字识别,全平台
2026-05-18栏目: 教程
-
区块链国家队来了!国家信息中心与银联等联合发布区块链服务网
2026-05-18栏目: 教程
-
什么是企业部署物联网的重点?
2026-05-18栏目: 教程
-
法大大创始人兼CEO黄翔:中国电子签名市场渗透率不到1% 复合增长率可达200%
2026-05-18栏目: 教程
