<HEAD>
<script type="text/javascript" src="./jquery-1.11.1.js"></script>
<script type="text/javascript">
$(function(){
var checkbox = $("#test :checkbox")
$("#test :checkbox").click(function(){
var opchek = $(this)
var level = parseInt(opchek.attr("level"))
$.each(checkbox, function(){
var _this = $(this)
if(parseInt(_this.attr("level"))< level){
if(opchek.prop("checked")){
_this.prop("checked",true)//这个方法好像是1.8+的jquery才有的
_this.attr("disabled",true)
}else{
var prevLevel = level - 1
$("#test :checkbox[level='"+prevLevel+"']").attr("disabled",false)
}
}
})
})
})
</script>
</HEAD>
<BODY>
<div id="test">
<input type="checkbox" id="a" level="1">查看</input>
<input type="checkbox" id="b" level="2">添加</input>
<input type="checkbox" id="c" level="3">修改</input>
<input type="checkbox" id="d" level="4">完全控制</input>
</div>
</BODY>
</HTML>
你自己改下控件名字就可以了啊！下面自己放连个文件试
---
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]
?>
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
----------------------------------------------------
