檬味博客 » 问答 » css实现checked禁用

css实现checked禁用

你说的是禁用属性disabled，控制这个是用javascript控制checkbox的disabled属性。CSS只是修改外观 TEST function disableCheckBox(checkboxid,option){ var checker=document.getElementById(checkboxid);var checkerbox=checker.parentNode;if(option==true){ checker.disabled=true;checkerbox.className="disabl...
css实现checked禁用
<input name="radiobutton" type="radio" value="radiobutton" checked="checked" disabled="disabled"/>2010-12-07
你说的是禁用属性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>2010-12-07
mengvlog 阅读 102 次 更新于 2025-09-10 16:45:12 我来答关注问题0
2 个回答檬味博客专题活动
  • 老炉传说 css做了什么会影响input属性中的checked=checked不显示

    css可以设定input visibility: hidden这样input就不显示了，但是还占位。然后自定义一个元素放到他的上面。你可以参考这个

  • 阿暄生活 qcheckbox修改指示器的边框

    针对不同状态设置边框：如果想要在不同的状态下（如选中、未选中、禁用等）显示不同的边框样式，可以使用状态伪元素，如QCheckBox::indicator:checked、QCheckBox::indicator:unchecked、QCheckBox::indicator:disabled等。例如，QCheckBox::indicator:checked{border:2px dashed #FF0000;}这段代码会将选中状态下...

  • 阿暄生活 HTMLCSS学习笔记(十四)-- css3选择器

    E:disabled：选择用户界面（如表单）中处于不可用状态的元素E。E:checked：选择用户界面（如表单）中处于选中状态的元素E（如或）。E::selection：选择元素E中被用户选中或处于高亮状态的部分（注意这是伪元素，不是伪类，但在此一并列出）。4. 动态伪类选择器E:link：选择未被访问过的链接元素E。E:...

  • xiyiyr01 css这么用a标签把一个div关闭

    第一，如果你的a标签是在div里面的，那预计是不成的，因为css没有父选择器。第二，如果你的a标签是和div同级的，那可以做到的，但是不能用a标签，因为a标签的伪类里面没有一个持久的状态，相比之下checkbox更好用，因为它有checked状态，可以用这个状态去标识弹出框是弹出还是关闭 代码如下

  • 深空游戏 CSS3中选择器

    选择器：（表单） ：disabled 禁用 ：enabled 可用 ：checked 默认选中菜单 选择器： ：：selection 默认选中 ：read-only 只读 ：read-write 可写 选择器：（举例div中class名） div [class= ' a' ]{ }   class名必须有a的 div [class*=' a ' ]{ }  class名中包含a...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部