javascript多选框(checkbox) 全选示例
来源：phperz.com 作者：phperz.com 发布时间：2008-12-02
看到很多新手不会用javascript做多选框全选，今天有空写了这个
看到很多新手不会用javascript做多选框全选，今天有空写了这个小代码，让新手参考
你可以直接复制代码到.html文件看效果
代码：
|
以下为引用的内容：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>javascript 示例:javascript多选框(checkbox) 全选</title>
<script language="javascript" type="text/javascript">
function s_all(x,z){
var inps = document.getElementsByName(x);
for(var i=0;i<inps.length;i++){
if (inps[i].checked==true){
inps[i].checked = false;
}
else{
inps[i].checked = true;
}
}
}
</script>
<style type="text/css">
<!--
.STYLE1 {color: #FF0000}
-->
</style>
</head>
<body>
<form id="form1" name="form1" method="post" action="?action=submit">
河北
<input name="area[]" type="checkbox" id="area[]" value="河北" />
<p>河南
<input name="area[]" type="checkbox" id="area[]" value="河南" />
</p>
<p>山西
<input name="area[]" type="checkbox" id="area[]" value="山西" />
</p>
<p>山东
<input name="area[]" type="checkbox" id="area[]" value="山东" />
</p>
<p>江苏
<input name="area[]" type="checkbox" id="area[]" value="江苏" />
</p>
<p>浙江
<input name="area[]" type="checkbox" id="area[]" value="浙江" />
</p>
<p>
<span class="STYLE1">全选</span>
<input type="checkbox" name="checkbox" value="checkbox" onclick="s_all('area[]')"/>
</p>
</form>
</body>
</html>
|
注意:getElementsByName 是Elements不是Element（多了个s）
是ByName不是ById
延伸阅读:php 取多选框checkbox值实例javascript多选框(checkbox) 全选示例
