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]
?>
控制全选很好办,但是复制到剪切板就不好办了,我尝试了window.clipboardData.setData()方法和 zeroClipboard 库都没用,Chrome、ie11、edge 浏览器都不支持这个几个对象