檬味博客 » 问答 » 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 阅读 8 次 更新于 2025-07-21 05:44:03 我来答关注问题0
2 个回答檬味博客专题活动
  • 深空见闻 html 元素 状态

    对于表单元素，如文本框、按钮、单选框和复选框，可以通过设置disabled属性来禁用它们，使其不可操作。对于文本框，还可以通过设置readOnly属性使其变为只读状态，即用户不能修改文本框中的内容，但可以选中或复制。3. 选中状态 对于单选框和复选框，可以通过checked属性来表示它们是否被选中。在CSS中，:...

  • 老炉传说 css做了什么会影响input属性中的checked=checked不显示

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

  • 阿暄生活 css的checked csshack的理解

    应尽量避免使用Hack，而是采用更现代的CSS技术和浏览器兼容性解决方案，如Flexbox、Grid布局和CSS变量等。三、总结 checked选择器是CSS中用于匹配被选中的元素的一种选择器。CSS Hack是一种针对特定浏览器解决兼容性问题的技巧，但应谨慎使用，避免代码冗余和难以维护。现代网页设计应尽量采用更标准和兼容的...

  • 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 - 檬味博客
返回顶部