$('.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