jsp父级复选框不选子复选框是灰色的不能选
怎么做？比如有AB两个复选框，A作为父级在没选A的情况下，B复选框是灰色的不能选，选了A才B复选框才能选，求大神解答...
怎么做？比如有AB两个复选框，A作为父级在没选A的情况下，B复选框是灰色的不能选，选了A才B复选框才能选，求大神解答
展开
3个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type='text/css'>
</style>
</head>
<body>
<input name="group1" type="checkbox" value="input1">组一框一</input>
<input name="group1" type="checkbox" value="input2">组一框二</input>
<input name="group2" type="checkbox" value="input3">组二框一</input>
<input name="group2" type="checkbox" value="input4">组二框二</input>
</body>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.2.js'></script>
<script type='text/javascript'>
$("document").ready(function(){
$('input[type="checkbox"][name="group2"]').attr('disabled','true');
});
$('input[type="checkbox"]').click(function(){
if(this.name == 'group1'){
if($(this).attr("checked")){
$('input[type="checkbox"][name="group2"]').removeAttr('disabled');
}
else{
$('input[type="checkbox"][name="group2"]').attr('disabled','true');
$('input[type="checkbox"][name="group1"]').each(function(){
if($(this).attr("checked")){
$('input[type="checkbox"][name="group2"]').removeAttr('disabled');
}
});
}
}
});
</script>
</html>
追问
那要在这基础上实现取消勾选父级复选框，子级复选框也跟着变灰和取消勾选呢？而且还要在页面加载时判断前面的条件，如果在加载时已经选中了父级，那么子级就可以编辑？要能帮我实现可以给你加分，谢谢
追答
<script type='text/javascript'>
$("document").ready(function(){
$('input[type="checkbox"][name="group2"]').attr('disabled','true');
$('input[type="checkbox"][name="group1"]').each(function(){
if($(this).attr("checked")){
$('input[type="checkbox"][name="group2"]').removeAttr('disabled');
}
});
});
$('input[type="checkbox"]').click(function(){
if(this.name == 'group1'){
//原先代码
else{
//原先代码后加上
if($('input[type="checkbox"][name="group2"]').attr('disabled')){
$('input[type="checkbox"][name="group2"]').each(function(){
$(this).attr("checked", false);
});
}
}
}
});
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input id="a" type="checkbox" />A
<input id="b" type="checkbox" disabled />B
<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>
<script>
$("#a").click(function(){
var state = $(this).prop("checked");
if(state){
$("#b").prop("disabled",false);
} else {
$("#b").prop("checked",false);
$("#b").prop("disabled",true);
}
});
</script>
简单写了一下，用A的状态来控制B的disabled
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
加一个c if标签 定义在a没选的时候b disable
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
