checkbox设置复选框的只读效果不让用户勾选
设置 用户 效果 checkbox 只读 复选框 不让 勾选
2023-06-13 09:15:04 时间
在Web开发中，有时候需要显示一些复选框（checkbox），表明这个地方是可以进行勾选操作的，但是有时候是只想告知用户"这个地方是可以进行勾选操作的"而不想让用户在此处勾选（比如在信息展示页面），这时候就需要将复选框设置成只读的效果。
提到只读，很容易想到使用readonly属性，但是对于复选框来说，这个属性和期望得到的效果是有差别的。原因在于readonly属性关联的是页面元素的value属性（例如textbox，设置了readonly就不能修改输入框的文本内容），而复选框的勾选/取消并不改变其value属性，改变的只是一个checked状态。所以对于checkbox来说，设置了readonly，仍然是可以勾选/取消的。效果如下：
<inputtype="checkbox"name="optionb"readonly="readonly"/>optionb
<inputtype="checkbox"name="optionc"readonly="readonly"/>optionc
和readonly类似的，还有一个disabled属性，这个属性的作用是设置页面元素为不可用，即不可进行任何交互操作（包括不可修改value属性、不可修改checked状态等）。效果如下：
<inputtype="checkbox"name="optionb"disabled="disabled"/>optionb
<inputtype="checkbox"name="optionc"disabled="disabled"/>optionc
从上面我们可以看到，无论是readonly还是disabled，都没有实现我们期望的效果。既然直接实现不了，那么我们可以变通一下，模拟实现。代码如下：
相关文章
- k3 梅林固件设置_OpenWrt中，旁路由的设置与使用
- mysql修改root用户密码语法为_设置mysql的root密码
- 群晖给指定目录、指定用户设置权限的教程
- zsh 设置用户打开终端还是在上次退出的位置
- CSS 属性设置优先级问题详解编程语言
- Linux 中设置指定用户密码的方法（linux指定用户密码）
- Linux下增加新用户及设置密码（linux增加用户密码）
- Oracle：设置保护你的管理口令（oracle的管理口令）
- Linux用户的默认组设置指南（linux用户默认组）
- 时间设置Redis与Java配合：设置过期时间（redisjava过期）
- 设置MySQL数据库字符集编码（设置mysql字符集）
- Linux下实现文件夹共享的方法（linux设置文件夹共享）
- 和大多数浏览器一样，Midori主要侧重速度。但同时，它的色彩设置很绚烂。对某些用户而言，它可能缺乏拓展功能、插件和主题，但是它使用方便，这款基于WebKit的浏览器可以提供令人难以置信的高速浏览。
- 如何设置 MySQL 的 IP 连接权限？（mysqlip设置）
- Mysql用户：如何设置保护密码（mysql用户设置密码）
- 如何设置MySQL允许用户远程访问？（mysql用户远程访问）
- 权限MSSQL用户设置只读权限的方法（mssql用户只读）
- MySQL中的用户管理与权限设置（MySQL中uter）
- 提升Redis数据库性能如何设置时间（怎么给redis设置时间）
- Oracle会话数 设置到何种限度（oracle会话数设多大）
- Redis读取性能优化如何正确设置读取时间（redis读取时间设置）
- Redis实现安全用户密码设置（redis 设置用户密码）
- Redis自动开机自动重启一次性解决（redis 设置开机重启）
- MySQL中导出用户权限设置的脚本分享
- 教你如何在windows与linux系统中设置MySQL数据库名、表名大小写敏感