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
----------------------------------------------------
你自己改下控件名字就可以了啊!下面自己放连个文件试
---
1.php
<script>
function $(id){
return document.getElementById(id)
}
function checkalls(obj,form){
var bool=(obj.checked)?true:false
for(var i=0i<form.lengthi++){
form.all[i].selected=bool
}
}
</script>
<form action="2.php" method="post" >
<input type="checkbox" name="checkall" id="checkall" onclick="checkalls(this,$('select'))" checked>全选<br>
<select multiple name="select[]" id="select" size="15" style="width:210pxheight:250px">
<option value="1" selected>顿饭大幅度</option>
<option value="2" selected>大幅度</option>
<option value="3" selected>大幅缩</option>
<option value="4" selected>到司法所</option>
</select>
<INPUT TYPE="submit" value="提交">
</form>
---
2.php
<?
echo $select[0]
echo $select[1]
echo $select[2]
echo $select[3]
?>
$("#check_group input[type='checkbox']").each(function(){
$(this).attr("checked",true) // 全选
$(this).attr("checked",false) // 清空
})
这是我写的博客地址,比较简单的选择,但还算实用
http://blog.csdn.net/qq_30252319/article/details/51991404#