JS代码网1.js全选,反选,全不选 搜狗问问
首先选择器写法就不对
document.getElementsByName['game']，至少这么写
其次
由于你所有input标签所有的name属性都不一样，不能批量选择，除非像楼上贴代码那哥们一样，把所有的复选框的name属性都改为game也可以。如果纯粹是为了达到目的话用document.getElementsByTagName("input")，能达到效果
另外，楼上也提到了，判断的等号==
还有提醒楼主一下，不要反复的使用选择器，少量代码无所谓，大量代码的情况下会降低运算效率的。
在楼主的代码基础上改了一下
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
//全选
functiontest()
{
obj = document.getElementsByTagName("input")
for(vari=0;i {
varf=obj[i];
if(f.checked==false)
{
f.checked=true;
}
}
}
//反选
functionftest()
{
obj = document.getElementsByTagName("input")
for( vari=0;i {
f=obj[i];
if(f.checked==false)
{
f.checked=true;
}
else
{
f.checked=false;
}
}
}
//全部取消
functionCancelAll()
{
obj = document.getElementsByTagName("input")
for( vari=0;i {
f=obj[i];
if(f.checked==true)
{
f.checked=false;
}
}
}
2.JS代码如何实现复选框全选?
【实例代码】html xmlns= headtitle全选/titlescript type=text/javascript function SelectAll() { oEl = event。
srcElement； //获取当前单击的元素 for(i = 0;i document。all。
length; i++) { // 遍历所有的checkbox if(document。all(i)。
id。indexOf(Checkbox) != -1) { if(oEl。
checked) //如果选择了全选 document。all(i)。
checked = true； //全选 else document。all(i)。
checked = false； //全不选 } } }/script/headbodyinput id=Checkbox1 type=checkbox value=a /label 争取举办奥运会的城市/labelbr /input id=Checkbox2 type=checkbox value=b/label 举办过奥运会的城市/labelbr /input id=Checkbox3 type=checkboxvalue=c /label 成功举办奥运会的城市/labelbr /input id=Checkbox4 type=checkbox value=d /label 亚洲举办过奥运会的城市/labelbr / input id=Checkbox5 type=checkbox onclick=SelectAll（)/全选或全不选/body/html【运行效果】【难点剖析】本例的重点是如何获取页面中所有的“checkbox”。 此处使用的是方法是遍历页面中所有的元素，然后判断元素的id中是否包含“checkbox”字符串，如果包含则说明此元素是复选框。
最后设置复选框的“checked”属性值为“true”（选中）或“false”（不选）。
3.JS代码如何实现复选框的反选?
【实例代码】HTMLHEADtitle反选-学无忧（）/titlescript language=javascript function selectOther(chkObj){ for(var i = 0;ichkObj。
elements。length;i++) //遍历窗体中的元素 if(chkObj。
elements[i]。type == checkbox ) //判断元素类型是否是复选框 { if(!chkObj。
elements[i]。checked) //如果复选框未选中 chkObj。
elements[i]。checked = true； //改为选中状态 else chkObj。
elements[i]。checked = false； //改为未选中状态 }} /script /HEADBODYform name=form1 input id=Checkbox1 name=chk type=checkbox /旅游br / input id=Checkbox2 name=chk type=checkbox /体育br / input id=Checkbox3 name=chk type=checkbox /音乐br / input id=Button1 type=button value=反选 onclick=selectOther(document。
form1) //form/BODY/HTML 【难点剖析】本例的重点是如何遍历窗体中所有的复选框控件。本例使用for循环语句，通过“type”属性逐个判断窗体中每个元素的类型，如果类型为“checkbox”，则判断其是否被选中.然后设置复选框为反选状态即可。
4.JS如何实现全选
简单的如下，从后台读取数据的时候为每家店铺的商品单独加类
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<scriptsrc=">
转载请注明出处JS代码网 » js实现全选全不选和反选的功能(js全选,反选,全不选搜狗问问)