css实现checked禁用
我想通过css代码,让checked在特定的地方,不管其是否选中都不再改变它的选中状态,请问如何实现...
我想通过css代码,让checked在特定的地方,不管其是否选中
都不再改变它的选中状态,请问如何实现 展开
都不再改变它的选中状态,请问如何实现 展开
2个回答
展开全部
你说的是禁用属性disabled，控制这个是用javascript控制checkbox的disabled属性。CSS只是修改外观
<html>
<head>
<title>TEST</title>
<script>
function disableCheckBox(checkboxid,option){
var checker=document.getElementById(checkboxid);
var checkerbox=checker.parentNode;
if(option==true){
checker.disabled=true;
checkerbox.className="disabledchecker"; //修改CSS
}else{
checker.disabled=false;
checkerbox.className="enabledchecker";
}
}
</script>
<style>
.enabledchecker{ font-weight:bold;}
.disabledchecker{ text-decoration:line-through; }
</style>
</head>
<body>
<label><input type="checkbox" name="ctrl" onClick="disableCheckBox('checker',this.checked);" />Disable the checkbox below</label><br />
<label class="enabledchecker"><input type="checkbox" id="checker" name="checker"/>Checker</label>
</body>
</html>
<html>
<head>
<title>TEST</title>
<script>
function disableCheckBox(checkboxid,option){
var checker=document.getElementById(checkboxid);
var checkerbox=checker.parentNode;
if(option==true){
checker.disabled=true;
checkerbox.className="disabledchecker"; //修改CSS
}else{
checker.disabled=false;
checkerbox.className="enabledchecker";
}
}
</script>
<style>
.enabledchecker{ font-weight:bold;}
.disabledchecker{ text-decoration:line-through; }
</style>
</head>
<body>
<label><input type="checkbox" name="ctrl" onClick="disableCheckBox('checker',this.checked);" />Disable the checkbox below</label><br />
<label class="enabledchecker"><input type="checkbox" id="checker" name="checker"/>Checker</label>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input name="radiobutton" type="radio" value="radiobutton" checked="checked" disabled="disabled"/>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
