首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使某些复选框看起来像是禁用的

如何使某些复选框看起来像是禁用的
EN

Stack Overflow用户
提问于 2012-03-02 09:22:20
回答 3查看 1.4K关注 0票数 1

在下面的复选框中,我应该设置输入标记的哪个属性,就好像它被禁用了一样。

代码语言:javascript
运行
复制
<input type="checkbox" name="selectedUsers" value="gng"  />

但是,我不想使用“禁用”属性来真正禁用它,因为我希望它的值被提交到web服务器。

更多详细信息:

代码语言:javascript
运行
复制
<input type="checkbox" name="selectedUsers" value="user1"  />
<input type="checkbox" name="selectedUsers" value="user2"  />
<input type="checkbox" name="selectedUsers" value="user3"  />

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

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

但是,有些用户已经是管理用户,因此我不允许其他管理员更改这些用户角色,只需查看其角色。因此,我希望这些管理员用户似乎已被禁用的复选框。我不能使用:disabled=“禁用”,因为如果我真的禁用了复选框,那么这个复选框的用户总是将从变量"selectedUsers“中排除在外。

5小时后更新:

我可以将UI更改为不允许客户端修改复选框,如下所示。客户端可以单击复选框,但复选框不会更改其值。

代码语言:javascript
运行
复制
<input type="checkbox" name="selectedUsers" value="amdin1" onclick="return false" onkeydown="return false" />

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

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-03-02 11:14:46

至于你最新的问题,你在这里做了错误的决定。

不允许一个用户编辑其他用户的访问权限是业务逻辑。通过“禁用”复选框来实现它,就像阻止囚犯仅通过“不通过”标志逃跑一样。

必须在服务器端执行适当的检查(即,检查当前用户不允许管理的用户的访问权限是否被更改),这仅仅是出于安全原因。这是第一次做的事情。

--另外,,您可能希望实现您的UI,以便为用户提供更方便的服务(也就是在安全检查点之前的“不传递”标志)。最好的解决方案是简单地禁用复选框。这种解决方案的独特之处在于它不会发送禁用的复选框值,这一点不应该困扰您,因为您的已经应该忽略服务器端此类用户的任何值。

票数 2
EN

Stack Overflow用户

发布于 2012-03-02 09:31:16

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

如果复选框值或状态动态更改,则可以依赖浏览器脚本支持(否则值/状态更改将无法工作),并在更改复选框状态的同一位置更改隐藏字段值。

票数 3
EN

Stack Overflow用户

发布于 2012-03-02 09:23:27

这是不可能的:本机“禁用”外观由浏览器呈现,通常无法通过CSS样式实现。

我能看到的唯一解决办法是

将复选框设置为disabled="disabled"

  • Using JavaScript,在表单发送

时启用该复选框

当然,只有在启用JavaScript的情况下,这才能工作,因此它并不是水密的。也许最好重新考虑一下你想要达到的目标。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9530753

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档