我想显示一个单选按钮，有它的值提交，但根据情况，它是不可编辑的。Disabled不起作用，因为它不提交值(或者它是否提交?)，并且它使单选按钮变灰。只读是我真正想要的，但出于某种神秘的原因，它不起作用。
我是否需要使用一些奇怪的技巧来实现只读以达到预期的效果?我应该用JavaScript写吗?
顺便提一下，有人知道为什么只读在单选按钮中不起作用，而在其他输入标签中却起作用吗?这是HTML规范中不可理解的遗漏之一吗?
当前回答
这是我的解决方案(覆盖)Sencha ExtJS 7.2+(复选框和单选覆盖)
Ext.define('MyApp.override.field.Checkbox', {
override: 'Ext.field.Checkbox',
/**
* OVERRIDE: to allow updateReadOnly to work propperly
* @param {boolean} newValue
*
* To ensure the disabled state stays active if the field is still readOnly
* we re - set the disabled state
*/
updateDisabled(newValue) {
this.callParent(arguments);
if (!newValue && this.getReadOnly()) {
this.inputElement.dom.disabled = true;
}
},
/**
* OVERRIDE: readonly for radiogroups and checkboxgroup do not work as other fields
* https://stackoverflow.com/questions/1953017/why-cant-radio-buttons-be-readonly
*
* @param {boolean} newValue
*
* - use disabled on the field
*/
updateReadOnly(value) {
this.callParent(arguments);
if (!this.getDisabled()) {
this.inputElement.dom.disabled = value;
}
}
});
其他回答
在JS中捕获一个“On_click()”事件并像这里一样检查它怎么样?：
http://www.dynamicdrive.com/forums/showthread.php?t=33043
最好的解决方案是设置已检查或未检查状态(无论是从客户端还是服务器)，并且不让用户更改它之后(即使其为只读)执行以下操作:
<input type="radio" name="name" onclick="javascript: return false;" />
对于未选中的单选按钮，将它们标记为禁用。这将阻止它们响应用户输入并清除选中的单选按钮。例如:
<input type="radio" name="var" checked="yes" value="Yes"></input>
<input type="radio" name="var" disabled="yes" value="No"></input>
这是你可以使用的技巧。
<input type="radio" name="name" onclick="this.checked = false;" />
这是我的解决方案(覆盖)Sencha ExtJS 7.2+(复选框和单选覆盖)
Ext.define('MyApp.override.field.Checkbox', {
override: 'Ext.field.Checkbox',
/**
* OVERRIDE: to allow updateReadOnly to work propperly
* @param {boolean} newValue
*
* To ensure the disabled state stays active if the field is still readOnly
* we re - set the disabled state
*/
updateDisabled(newValue) {
this.callParent(arguments);
if (!newValue && this.getReadOnly()) {
this.inputElement.dom.disabled = true;
}
},
/**
* OVERRIDE: readonly for radiogroups and checkboxgroup do not work as other fields
* https://stackoverflow.com/questions/1953017/why-cant-radio-buttons-be-readonly
*
* @param {boolean} newValue
*
* - use disabled on the field
*/
updateReadOnly(value) {
this.callParent(arguments);
if (!this.getDisabled()) {
this.inputElement.dom.disabled = value;
}
}
});
