js复选框选中时显示子内容

JavaScript012

js复选框选中时显示子内容,第1张

js复选框选中时显示子内容显示所有完成的未完成的任务”这个复选框选中的话,就应该显示所有的任务.反之,就只显示未完成的任务

对于这个复选框,我们需要时刻获取它的值,并且去修改它的

js 实现 选中复选框 文字变色的方法,涉及 javascript 鼠标事件及页面元素的相关操作技巧。

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

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