为什么单选按钮不能"只读"？

Question

我想显示一个单选按钮,提交其值,但根据具体情况,让它不可编辑.禁用不起作用,因为它没有提交值(或者是吗？),它会使单选按钮变灰.只读是我正在寻找的,但由于一些神秘的原因,它不起作用.

是否有一些奇怪的技巧我需要拉动以使只读按预期工作？我应该用JavaScript代替吗？

顺便说一下,有没有人知道为什么只读在单选按钮中不起作用,而它在其他输入标签中有效？这是HTML规范中难以理解的遗漏之一吗？

Answer 1

如果有其他选项,单选按钮只需要是只读的.如果您没有任何其他选项,则无法取消选中已选中的单选按钮.如果您有其他选项,则可以通过禁用其他选项来阻止用户更改值:

<input type="radio" name="foo" value="Y" checked>
<input type="radio" name="foo" value="N" disabled>

小提琴:http://jsfiddle.net/qqVGu/

Answer 2

我只通过禁用未检查的单选按钮,在单选按钮上伪造了只读.它使用户不会选择不同的值,并且选中的值将始终在提交时发布.

使用jQuery进行只读:

$(':radio:not(:checked)').attr('disabled', true);

除了您需要禁用每个未选择的选项外,此方法还可用于只读选择列表.

Answer 3

这是你可以使用的技巧.

<input type="radio" name="name" onclick="this.checked = false;" />

Answer 4

我有一个冗长的形式(250多个字段)发布到数据库.这是一个在线就业申请.当管理员查看已归档的应用程序时,表单将填充来自db的数据.输入文本和textareas将替换为他们提交的文本,但无线电和复选框对于保留为表单元素非常有用.禁用它们会使它们更难阅读.将.checked属性设置为false onclick将不起作用,因为填写应用程序的用户可能已经检查过它们.无论如何...

onclick="return false;"

就像'禁用'收音机和复选框的魅力一样.

Answer 5

最好的解决方案是设置已检查或未检查的状态(来自客户端或服务器),并且不让用户在病房(即使其只读)之后更改它,执行以下操作:

<input type="radio" name="name" onclick="javascript: return false;" />