Question

js中复选框怎么做全选 但是不全部选中

Answer 1

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
----------------------------------------------------

Answer 2

<Input type="checkbox" ID="chkAll"><label>全选</label>

$("input#chkAll").on('change',function(){
if($(this).is(':checked')){
$("input[type=checkbox]").attr("checked",true);
}else{$("input[type=checkbox]").RemoveAttr("checked");}
})