Javascript 在不禁用的情况下使输入不可编辑

我有一个计算成本并相应设置输入值的表单。出于显而易见的原因，我使用了：

$（'totalcost'）.attr（'disabled'，true）

阻止用户编辑成本

然而，当我这样做的时候，我用来发送表单的PHP脚本不会接收输入（不仅仅是值，它根本不会读取输入）。当输入被启用时，它工作正常

如何防止用户在PHP仍在发送值时编辑输入？还是有更好的方法可以做到这一点？
将其设置为只读，而不是禁用：

$("#totalcost").attr('readonly', true);

您也可以在原始HTML中这样做，因为它不是您真正想要来回动态更改的内容

<input id="totalcost" type="text" readonly>

将其设置为只读，而不是禁用：

$("#totalcost").attr('readonly', true);

您也可以在原始HTML中这样做，因为它不是您真正想要来回动态更改的内容

<input id="totalcost" type="text" readonly>


使用只读属性，尽管我猜它在internet Explorer中不起作用。
使用只读属性，尽管我猜它在internet Explorer中不起作用。
添加只读属性，如下所示：

$("#totalcost").attr('readonly', true);

添加只读属性，如下所示：

$("#totalcost").attr('readonly', true);

添加属性readonly=“true”

添加属性readonly=“true”

您可以尝试：

$("#totalcost").prop("readonly",true);

您可以尝试：

$("#totalcost").prop("readonly",true);

在html本身或脚本中使用只读

<input type="text" name="totalcost" id="totalcost" value="" readonly>

$('#totalcost').attr("readonly", true);


$（'totalcost'）.attr（“只读”，true）；
在html本身或脚本中使用只读

<input type="text" name="totalcost" id="totalcost" value="" readonly>

$('#totalcost').attr("readonly", true);


$（'totalcost'）.attr（“只读”，true）；
禁用表单元素的值不发送–这是以这种方式明确指定的。改为使用
readonly
。最好也放置一个隐藏字段，这可能会再次有所帮助，在按submit之后仍然可以编辑输入，一个示例工具是Firefox扩展名：
tamperdata
禁用表单元素的值不会发送–这是以这种方式明确指定的。使用
readonly
代替。最好也放置一个隐藏字段，这可能会再次有所帮助，在按submit后仍可以编辑输入，一个示例工具是Firefox扩展：
tamperdata
非常有魅力，谢谢。当它允许我时，我会接受。@A.Wolff，从它开始attribute@Murali是的，但是“选中/禁用/等”也是关于MDN@A.Wolff，那么jQuery引入prop（）有什么用呢？困惑的：（@A.Wolff checked属性指定初始的默认状态；checked属性是UI的当前状态。工作起来像一个绝对的符咒，谢谢。当它允许我时将接受。@A.Wolff，来自它attribute@Murali是的，但是“选中/禁用/等”也是关于MDN@A.Wolff，那么引入prop（）有什么用呢通过jQuery？混淆：（@A.Wolff checked属性指定初始默认状态；checked属性是UI的当前状态。