使用复选框控制文本框禁用或自述行为

Question

我正在尝试使用一个复选框锁定/解锁一系列文本框 默认情况下，它们都被锁定 我尝试使用禁用功能并使用javascript锁定它们，但文本框不会在禁用的字段上提交值。我需要这些文本框来提交值，无论它们是锁定还是解锁

我正在使用

<script language="JavaScript">
<!--

function enable_text(status)
{
status=!status;
document.f1.shopper_pay.disabled = status;
document.f1.shopper_reimb.disabled = status;
document.f1.Shop_cost.disabled = status;
}
//-->
</script>

与

<form name='f1' action='editsurvey.php' method='post'>
<input type="checkbox" name=others onclick="enable_text(this.checked)" >
<input type='text' name='shopper_pay' value=$0.00 disabled='disabled'>
<input type='text' name='shopper_reimb' value=$40.00 disabled='disabled'>
<input type='text' name='Shop_cost' value=$35.00 disabled='disabled'>

不幸的是，这在功能上是有效的，但在提交时它不包括禁用的字段 - 任何人都有任何想法

Answer 1

具有DOM属性的Disabled不会提交，或者您可以说他们的值不会发布。

您只需将disabled更改为readonly

即可发布

如果您使用的是jQuery，请在提交表单时删除disabled属性：

$("form").submit(function() {
    $("input").removeAttr("disabled", "disabled");
});

Answer 2

放入隐藏的表单字段。在禁用之前复制值。