JS表单_checkbox全选

最新推荐文章于 2024-03-24 00:16:48 发布

储采珍

最新推荐文章于 2024-03-24 00:16:48 发布

阅读量413

点赞数

分类专栏： JavaScript 文章标签： input javascript function html

本文链接：https://blog.youkuaiyun.com/kong1yi/article/details/5809556

版权

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=gb2312" />
<title>复选框全选/取消</title>
<script language="javascript"
type="text/javascript">
function selectall()
{
//得到表单所有元素控件数组
var a=document.myform.alls.checked;
//定义一个实例，记录alls复选框的状态(选中或是没
被选中)
for(var i=0;i
<document.myform.elements.length;i++)
{
  if(document.myform.elements[i].type ==
"checkbox")
  //将表单中类型为复选框的元素设置为alls的状态
  document.myform.elements[i].checked = a;
}
}
</script>
</head>
<body>
<form name="myform">
<input   name ="alls"   type="checkbox"
onClick="selectall()">选择全部<br><hr>
<input   type="checkbox"   name="a1">邮件标题...
<br>
<input   type="checkbox"   name="a2">邮件标题...
<br>
<input   type="checkbox"   name="a3">邮件标题...
<br>
<input   name="a4"   type="checkbox"
checked="checked" >邮件标题...
</form>
</body>
</html>