使輸入不可編輯而不禁用

Question

我有一個表格可以計算成本並相應地設置輸入的值。由於顯而易見的原因，我已經使用：

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

，以防止用戶能夠編輯成本。

但是，當我這樣做時，我用來發送表單的PHP腳本不會接收輸入（不只是值 - 它根本不讀取輸入）。當輸入啓用時，它工作正常。

如何防止用戶編輯輸入，同時仍然具有PHP郵件的價值？或者有沒有更好的方法來做到這一點呢？

Answer 1

讓它只讀，沒有禁用：

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

你也可以做到這一點在原始的HTML，因爲它不是你真的想改變來回動態的東西。

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

Answer 2

使用只讀屬性，雖然我猜它不會在互聯網上的工作。

Answer 3

添加只讀屬性，像這樣：

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

Answer 4

添加屬性只讀= 「真」。

$('#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);