html - 如何让一些复选框看起来好像被禁用了

Question

我应该设置输入标签的哪个属性来组成下面的复选框，看起来好像它被禁用了。

<input type="checkbox" name="selectedUsers" value="gng"  />

但是，我不想使用“禁用”属性来真正禁用它，因为我希望将它的值提交给网络服务器。

更多详情:

<input type="checkbox" name="selectedUsers" value="user1"  />
<input type="checkbox" name="selectedUsers" value="user2"  />
<input type="checkbox" name="selectedUsers" value="user3"  />

我有一个用户列表和复选框以指示它是否具有编辑 Angular 色。系统允许管理员通过复选框更改用户的 Angular 色并点击确认按钮。然后 Web 服务器将检查变量“selectedUsers”以查看已检查的用户列表，并与数据库中的用户 Angular 色值进行比较。如果服务器发现差异，它将执行适当的操作，从数据库表中删除或添加该用户的编辑 Angular 色。

例如，user1 不在变量“selectedUsers”上，而是在数据库表中，它具有此 Angular 色，因此系统理解管理员想要删除该用户的编辑器 Angular 色，反之亦然。

但是，有些用户已经是管理员用户，因此我不允许其他管理员可以更改这些用户 Angular 色，只能看到其 Angular 色。所以我希望这些管理员用户的复选框似乎被禁用。我不能使用:disabled="disabled"因为如果我真的禁用了一个复选框，这个复选框的用户总是被排除在变量“selectedUsers”之外。

5 小时后更新:

我可以更改 UI 以不允许客户端修改复选框，如下所示。客户可以点击复选框，但复选框不会改变它们的值。

<input type="checkbox" name="selectedUsers" value="amdin1" onclick="return false" onkeydown="return false" />

当前的问题是找到一种方法来指示客户该网站不希望他们选中/取消选中复选框。这样我希望这个复选框看起来是不可变的(通过改变背景颜色，...)。

Answer 1

如果您希望复选框显示为禁用状态，但同时希望发送其内容，您可以创建一个 <input type=hidden .../>具有适当名称和值的字段并禁用复选框。

如果动态更改复选框的值或状态，那么我们可以依靠浏览器脚本支持(否则值/状态更改将不起作用)，并在我们更改状态的同一位置更改隐藏字段值复选框。