求高手指教为什么只能全选而不能全不选？

杞文明

本帖最后由闫常国于 2013-5-2 17:30 编辑

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>全选全不选效果</title>
<script language="javascript">
function checkAll()
{
var b=1;
//alert(b);
if(b==1)
{
for(i=0;i<document.getElementsByName("name").length;i++){
   document.getElementsByName("name").checked="true";

}
b++;
}
else
{
for(i=0;i<document.getElementsByName("name").length;i++){
   document.getElementsByName("name").checked="none";    //是不是这里有问题？
}
b--;
}
}
</script>
</head>
<body>
<p><a href="javascript:checkAll()">全选</a></p>
<form id="form1" name="form1" method="post" action="">
  <p>
  <label>
<input type="checkbox" name="name" id="checkbox" />
  </label>
数学</p>
  <p>
<label>
   <input type="checkbox" name="name" id="checkbox2" />
</label>
  语文</p>
  <p>
<label>
   <input type="checkbox" name="name" id="checkbox3" />
</label>
  英语</p>
  <p>
<label>
   <input type="checkbox" name="name" id="checkbox4" />
</label>
  政治</p>
  <p>
<label>
   <input type="checkbox" name="name" id="checkbox5" />
</label>
  地理</p>
  <p>
<label>
   <input type="checkbox" name="name" id="checkbox6" />
</label>
  历史</p>
</form>
<p> </p>
</body>
</html>

张伟86 · 张伟86

本帖最后由张伟86 于 2013-5-2 15:00 编辑

1、首先是变量b的问题，b在第一次点击后，退出程序，会销毁；第二次点击后值仍然是1，并没有起到一个标记的作用，应设置为全局变量，参加代码。
2、getElementsByName问题，在for循环中要更改每个checkbox的属性，就要引用每个元素，而getElementsByName返回的是一个数组类型，引用元素需要加下标，即为getElementsByName。
3、checkedbox被选中可以为checked="true"或者checked="checked"，取消选中为checked=""(为空就可以了);
4、还有label问题，你的label加到了checkbox上面，和不加没什么两样的，估计你是要点击文字，如代码更改。
代码如下：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>全选全不选效果</title>
<script language="javascript">
var b=1;
function checkAll()
{
//alert(b);
//alert(b);
if(b==1)
{
for(i=0;i<document.getElementsByName("name").length;i++){
document.getElementsByName("name")[i].checked="checked";//或者checked="true";
}
b++;
}
else
{
for(i=0;i<document.getElementsByName("name").length;i++){
document.getElementsByName("name")[i].checked = "";
}
b--;
}
}
</script>
</head>
<body>
<p><a href="javascript:checkAll()">全选</a></p>
<form id="form1" name="form1" method="post" action="">
<p><input type="checkbox" name="name" id="checkbox" />
<label for="checkbox">
数学
</label>
</p>
<p><input type="checkbox" name="name" id="checkbox2" />
<label for="checkbox2">
语文
</label>
</p>
<p><input type="checkbox" name="name" id="checkbox3" />
<label for="checkbox3">
英语
</label>
</p>
<p> <input type="checkbox" name="name" id="checkbox4" />
<label for="checkbox4">
政治
</label>
</p>
<p><input type="checkbox" name="name" id="checkbox5" />
<label for="checkbox5">
地理
</label>
</p>
<p><input type="checkbox" name="name" id="checkbox6" />
<label for="checkbox6">
历史
</label>
</p>
</form>
<p> </p>
</body>
</html>

复制代码

闫常国 · 闫常国

张伟86 发表于 2013-5-2 11:21
1、首先是变量b的问题，b在第一次点击后，退出程序，会销毁；第二次点击后值仍然是1，并没有起到一个标记的 ...

非常感谢可以出效果了

帐号		自动登录	找回密码
密码			加入黑马

求高手指教为什么只能全选而不能全不选？

评分

2 个回复

评分