学习笔记二：checkbox实现全选功能

来源：互联网发布：手机视频录制软件ios 编辑：程序博客网时间：2024/04/27 22:18

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
 <head>
 <title>CheckBox框实现全选功能</title>

 <meta http-equiv="keywords"content="keyword1,keyword2,keyword3">
 <meta http-equiv="description"content="this is my page">
 <meta http-equiv="content-type"content="text/html; charset=GB18030">

 
 <script type="text/javascript">
 function selectAll(field) {
 //通过checkbox的名称，查询得到所有checkbox框对象
 var check = document.getElementsByName("check");
 for(var i=0; i<check.length; i++) {
 //判断全选框的选中状态
 if(field.checked) {
 check[i].checked = true;
 } else {
 check[i].checked = false;
 }
 }
 }
 </script>
 </head>

 <body>
 <form action="###">
 <input type="checkbox" name="checkAll" onclick="selectAll(this)">--全选 
 <input type="checkbox" name="check">--单选框1 
 <input type="checkbox" name="check">--单选框2 
 <input type="checkbox" name="check">--单选框3 
 <input type="checkbox" name="check">--单选框4 
 </form>
 </body>
</html>