checkbox复选框的全选与反选

最新推荐文章于 2019-08-18 10:19:56 发布

原创最新推荐文章于 2019-08-18 10:19:56 发布 · 309 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#checkbox复选框的全选与反选

本文介绍了一个简单的JavaScript函数，用于实现页面上多个Checkbox的全选与反选功能。通过点击一个特定的Checkbox，可以切换其它同名Checkbox的状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<title>checkbox的全选与反选</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script>
function allChecked() {
var checkboxs=document.getElementsByName("choose");
for (var i=0;i<checkboxs.length;i++) {
var e=checkboxs[i];
e.checked=!e.checked;
}
}
</script>
</head>

<body>
<input type="checkbox" name="choose">1
<input type="checkbox" name="choose">2
<input type="checkbox" name="choose"/>3
<input type="checkbox" name="choose"/>4<br/>
<input type="checkbox" onclick="allChecked()"/>全选/取消
</body>
</html>