js 实现复选框全选与全不选

最新推荐文章于 2019-08-12 21:56:39 发布

转载最新推荐文章于 2019-08-12 21:56:39 发布 · 125 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/myok/p/4053816.html

文章标签：

#javascript #ViewUI

本文介绍了一种利用JavaScript实现网页元素全选与取消全选的功能，通过编写简单的函数，可以实现在网页上对一组复选框进行批量操作。

<html>
<head>
<script>
function selectAll(){
var checklist = document.getElementsByName ("selected");
if(document.getElementById("controlAll").checked)
{
   for(var i=0;i<checklist.length;i++)
   {
      checklist[i].checked = 1;
   }
}else{
  for(var j=0;j<checklist.length;j++)
  {
     checklist[j].checked = 0;
  }
}
}
</script>
</head>
<body>
<form>
<input on

click="selectAll()" type="checkbox" name="controlAll" style="controlAll" id="controlAll"/>全选<br>
1:<input type="checkbox" name="selected" value="1"/><br>
2:<input type="checkbox" name="selected" value="2"/><br>
3:<input type="checkbox" name="selected" value="3"/><br>
4:<input type="checkbox" name="selected" value="4"/><br>
5:<input type="checkbox" name="selected" value="5"/><br>
6:<input type="checkbox" name="selected" value="6"/><br>
</form>
<p>

或