这是你可以使用的技巧。

<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;
        }
    }
});

对于未选中的单选按钮，将它们标记为禁用。这将阻止它们响应用户输入并清除选中的单选按钮。例如:

<input type="radio" name="var" checked="yes" value="Yes"></input>
<input type="radio" name="var" disabled="yes" value="No"></input>

一个相当简单的选择是创建一个javascript函数，在表单的“onsubmit”事件上调用，以启用单选按钮返回，这样它的值就会与表单的其余部分一起发布。 这似乎不是HTML规范上的一个遗漏，而是一个设计选择(一个逻辑选择，IMHO)，单选按钮不能像按钮一样是只读的，如果你不想使用它，那就禁用它。

这是你可以使用的技巧。

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

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(“禁用”,真正的);})；