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

Question

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

$('#totalcost').attr('disabled',true);

以防止用户编辑费用。

然而，当我这样做时，我用来邮寄表单的PHP脚本没有获取输入（不仅仅是值 - 它根本不读取输入）。启用输入后，它可以正常工作。

如果仍然让PHP邮寄该值，我怎样才能阻止用户编辑输入？或者还有更好的方法吗？

Answer 1

将其设为只读，而非禁用：

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

您也可以在原始HTML中执行此操作，因为它不是您真正想要动态来回更改的内容。

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

Answer 2

使用Read Only属性，虽然我猜它在Internet Explorer中不起作用。

Answer 3

添加readonly属性，如下所示：

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

Answer 4

添加属性readonly =“true”。

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

Answer 5

你可以尝试：

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

Answer 6

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

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

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