求教js的复选框全选

JavaScript010

求教js的复选框全选,第1张

希望对你有帮助

$('.qq').click(function(){

var flag = true

$(".qq").each(function(){

if(!$(this).prop('checked')){

flag = false

}

})

$('.all').prop('checked',flag)

})

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 = 0i <coll.lengthi++)

coll[i].checked = true

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

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

for(var i = 0i <coll.lengthi++)

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

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

我把你的代码复制下来试了试,目前遇到的问题是

var lis = list.getElementsByTagName('input')

这行代码中lis的值无法获取到,然后我发现

var list = document.getElementById("one")

这行代码你获取的是id为one的元素,但是你的html代码里面并没有id为one的元素,所以你的lis没有获取到值,所以后面的代码都无效。

记住,class和id是不一样的getElementById获取的是id