禁用的表单字段不提交数据[重复]答案

【问题标题】：Disabled form fields not submitting data [duplicate]禁用的表单字段不提交数据[重复]
【发布时间】：2012-02-14 02:12:39
【问题描述】：

有没有办法（使用属性标志或类似的东西）启用被禁用的表单字段来提交数据？

或者，如果这不可能，有没有办法阻止使用 css 或任何其他属性编辑字段而不是禁用而不隐藏它们？

我目前的特殊情况是数据集的标识符，它应该以表格形式显示（不可编辑） - 如果没有更好的解决方案，我认为除了禁用的字段之外，我还会使用隐藏字段保留实际值，禁用显示它的值。

【问题讨论】：

【解决方案1】：

正如已经提到的：READONLY 不适用于 <input type='checkbox'> 和 <select>...</select>。

如果您有一个 Form 禁用了复选框/选择并且需要提交它们，您可以使用 jQuery：

$('form').submit(function(e) {
    $(':disabled').each(function(e) {
        $(this).removeAttr('disabled');
    })
});

此代码从提交时的所有元素中删除disabled 属性。

【讨论】：

【解决方案2】：

在您想要“禁用”的字段上使用 CSS 指针事件：无（可能与灰色背景一起），以允许 POST 操作，例如：

<input type="text" class="disable">

.disable{
pointer-events:none;
background:grey;
}

【讨论】：

【解决方案3】：

我们也可以使用带有以下属性的只读-

readonly onclick='return false;'

这是因为如果我们只使用只读，那么单选按钮将是可编辑的。为避免这种情况，我们可以将 readonly 与上述组合一起使用。它将限制编辑，并且元素的值也将在表单提交期间传递。

【讨论】：

【解决方案4】：

将 CSS 或类添加到在 select 和文本标签中起作用的输入元素，如

style="pointer-events: none;background-color:#E9ECEF"

【讨论】：