js全选,反选,全不选

JavaScript011

js全选,反选,全不选,第1张

首先选择器写法就不对

document.getElementsByName['game'],至少这么写

其次

由于你所有input标签所有的name属性都不一样,不能批量选择,除非像楼上贴代码那哥们一样,把所有的复选框的name属性都改为game也可以。如果纯粹是为了达到目的话用document.getElementsByTagName("input"),能达到效果

另外,楼上也提到了,判断的等号==

还有提醒楼主一下,不要反复的使用选择器,少量代码无所谓,大量代码的情况下会降低运算效率的。

在楼主的代码基础上改了一下

//全选

function test()

{

  obj = document.getElementsByTagName("input")

for(var i=0i<obj.length-3i++)

{

var f=obj[i]

if(f.checked==false)

{

f.checked=true

}

}

}

//反选

function ftest()

{

obj = document.getElementsByTagName("input")

for( var i=0i<obj.length-3i++)

{

f=obj[i]

if(f.checked==false)

{

f.checked=true

}

else

{

f.checked=false

}

}

}

//全部取消

function CancelAll()

{

obj = document.getElementsByTagName("input")

for( var i=0i<obj.length-3i++)

{

f=obj[i]

if(f.checked==true)

{

f.checked=false

}

}

}

CheckBox复选框JS实现全选全不选功能,很简单,就只需插入一小段js函数就行了。。。

<script

language="javascript">

function

cli(Obj)

{

//获取控制其它复选框的对象obj

var

collid

=

document.getElementByIdx_x("all")

//获取需要全选,全不选功能的所有复选框

var

coll

=

document.getElementsByName(Obj)

//如果obj被选中,则全选

if

(collid.checked){

//循环设置所有复选框为选中状态

for(var

i

=

0

i

<

coll.length

i++)

coll[i].checked

=

true

}else{//取消obj选中状态,则全不选

//循环设置所有复选框为未选中状态

for(var

i

=

0

i

<

coll.length

i++)

coll[i].checked

=

false

}

}

</script>

----------------------------------------------------

下面是一组CheckBox复选框html代码

----------------------------------------------------

<input

name='多选项名称'

type='checkbox'

value=''

id="all"

onclick="cli('多选项名称')">

全选

<input

name='多选项名称'

type='checkbox'

value=''

>

A

<input

name='多选项名称'

type='checkbox'

value=''

>

B

<input

name='多选项名称'

type='checkbox'

value=''

>

C

<input

name='多选项名称'

type='checkbox'

value=''

>

D

<input

name='多选项名称'

type='checkbox'

value=''

>

E

<input

name='多选项名称'

type='checkbox'

value=''

>

F

----------------------------------------------------