js实现多选框选中
怎样实现点击添加的多选框时候前面的查看多选框一起选中并且不能取消选中,后面的以此类推效果怎样做呢,各位大神帮帮忙...
怎样实现点击添加的多选框时候前面的查看多选框一起选中并且不能取消选中,后面的以此类推效果怎样做呢,各位大神帮帮忙
展开
1个回答
展开全部
<HTML>
<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>
追问
谢谢您,可是不可取消的name的值不就是没有了吗,这个问题应该怎样解决呢
追答
不是很明白你这个追问所要表达的意思,你可以描述详细一点
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询