我想显示一个单选按钮，有它的值提交，但根据情况，它是不可编辑的。Disabled不起作用，因为它不提交值(或者它是否提交?)，并且它使单选按钮变灰。只读是我真正想要的，但出于某种神秘的原因，它不起作用。
我是否需要使用一些奇怪的技巧来实现只读以达到预期的效果?我应该用JavaScript写吗?
顺便提一下，有人知道为什么只读在单选按钮中不起作用，而在其他输入标签中却起作用吗?这是HTML规范中不可理解的遗漏之一吗?
当前回答
对于未选中的单选按钮，将它们标记为禁用。这将阻止它们响应用户输入并清除选中的单选按钮。例如:
<input type="radio" name="var" checked="yes" value="Yes"></input>
<input type="radio" name="var" disabled="yes" value="No"></input>
其他回答
我通过只禁用未选中的单选按钮来伪造单选按钮的只读。它可以防止用户选择不同的值，并且选中的值将始终在提交时发布。
使用jQuery使只读:
$(':radio:not(:checked)').attr('disabled', true);
这种方法也适用于将选择列表设置为只读，只是需要禁用每个未选择的选项。
只有在有其他选项时，单选按钮才需要是只读的。如果没有其他选项，则无法取消选中的单选按钮。如果你有其他选项，你可以通过禁用其他选项来阻止用户更改值:
<input type="radio" name="foo" value="Y" checked>
<input type="radio" name="foo" value="N" disabled>
小提琴:http://jsfiddle.net/qqVGu/
我正在使用一个JS插件，样式复选框/单选输入元素，并使用以下jQuery来建立一个“只读状态”，其中底层值仍然发布，但输入元素似乎无法访问用户，这是我相信我们将使用只读输入属性的预期原因…
if ($(node).prop('readonly')) {
$(node).parent('div').addClass('disabled'); // just styling, appears greyed out
$(node).on('click', function (e) {
e.preventDefault();
});
}
JavaScript的方式-这对我很有用。
<script>
$(document).ready(function() {
$('#YourTableId').find('*').each(function () { $(this).attr("disabled", true); });
});
</script>
原因:
$('#YourTableId').find('*') ->返回所有标签。 $ (' # YourTableId ');(“*”)。Each (function () {$(this)。attr(“禁用”,真正的);})； 遍历在此捕获的所有对象并禁用输入标记。
分析(调试):
Form:radiobutton在内部被认为是一个“输入”标签。 像上面的函数()一样，如果你尝试打印document.write(this.tagName); 只要在标签中找到单选按钮，它就返回一个输入标签。
因此，上面的代码行可以更优化的单选按钮标签，通过输入替换*: $ (' # YourTableId ');(“输入”)。Each (function () {$(this)。attr(“禁用”,真正的);})；
一个相当简单的选择是创建一个javascript函数，在表单的“onsubmit”事件上调用，以启用单选按钮返回，这样它的值就会与表单的其余部分一起发布。 这似乎不是HTML规范上的一个遗漏，而是一个设计选择(一个逻辑选择，IMHO)，单选按钮不能像按钮一样是只读的，如果你不想使用它，那就禁用它。
