HTML页面利用JavaScript实现全选

最新推荐文章于 2021-05-31 06:37:56 发布

最新推荐文章于 2021-05-31 06:37:56 发布 · 259 阅读

文章标签：

#javascript #ViewUI

本文介绍了一个简单的全选按钮实现方案，通过JavaScript控制多个复选框的状态。代码适用于HTML页面，可方便地应用于表单中。

代码如下：

<html>
<title>
全选按钮
</title>
<script language="javascript">
function select_all(flag){
var k;
if(document.all("sel") != null){
k = document.all("sel").length ;
//alert(k);
for(var i=0 ; i<k ;i++){
sel[i].checked = flag ;
}
}
}
</script>
<body>
全选<input type="checkbox" name="select" value="0" onclick="return select_all(document.all('select').checked);" /></br>
<input type="checkbox" name="sel" value="1"/></br>
<input type="checkbox" name="sel" value="2"/></br>
<input type="checkbox" name="sel" value="3"/></br>
<input type="checkbox" name="sel" value="4"/></br>
</body>
</html>