<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script language="javascript">
function cli(Obj)
{
//获取控制其它复选框的对象obj
var collid = document.getElementByIdx-x-x-("all")
//获取需要全选,全不选功能的所有复选框
var coll = document.getElementsByName(Obj)
//obj被选中,则全选
if (collid.checked){
//循环设置所有复选框为选中状态
for(var i = 0; i < coll.length; i++)
coll[i].checked = true;
}else{//取消obj选中状态,则全不选
//循环设置所有复选框为未选中状态
for(var i = 0; i < coll.length; i++)
coll[i].checked = false;
}
}
</script>
<input name='1' type='checkbox' value='' id="all" οnclick="cli('多选项名称');"> 全选
<input name='2' type='checkbox' value='' > 选我吗?
<input name='3' type='checkbox' value='' > 选我吗?
<input name='4' type='checkbox' value='' > 选我吗?
<input name='5' type='checkbox' value='' > 选我吗?
<input name='6' type='checkbox' value='' > 选我吗?
<input name='7' type='checkbox' value='' > 选我吗?
</body>
</html>
JavaScript选框
最新推荐文章于 2022-04-04 18:17:31 发布