[前端]设置checkbox只读(非disable)

最新推荐文章于 2024-08-25 08:00:25 发布

SouthNANCoder

最新推荐文章于 2024-08-25 08:00:25 发布

阅读量2.8k

点赞数 1

文章标签： checkbox css html

本文链接：https://blog.csdn.net/zhouzsn/article/details/113988637

版权

"本文介绍了如何通过JavaScript实现Checkbox的只读状态，保持其可点击但不改变颜色，以解决打印时模糊的问题。提供了两种方法，一种是`onclick="return false"`，另一种是`onclick="this.checked=!this.checked"`，并给出了代码示例，确保在打印时能清晰显示。"

摘要由CSDN通过智能技术生成

参考链接：

1、Checkbox的只读设置
2、checkbox单选框"只读",避免使用disable属性颜色变灰
方法一：

 οnclick="return false"

方法二：

οnclick="this.checked=!this.checked"

示例：

<input type="checkbox" class="checkbox" onclick="return false" checked/>一类
<input style="margin-left: 5px;" class="checkbox" type="checkbox" />二类
<input style="margin-left: 5px;" class="checkbox" type="checkbox" />三类