文本字段使可編輯，不可編輯使用jquery

我使用顯示標記來創建表和使用jQuery使文本字段可編輯和刪除只讀屬性。文本字段使可編輯，不可編輯使用jquery

<script type="text/javascript"> 
$(function(){ 
    $(".makeEditable").click(function(){ 
     $('input:text').removeAttr("readonly");  
    }); 
    $(".makeNonEditable").click(function(){ 
     $('input:text').attr("readonly", "readonly");  
    });    
}) 
</script>

這裏是與文本框

<display:table name="loadData" style="float:left;"> 
    <display:column title="User Defined" class="colId"> 
    <input type="text" value= "" name="userdefined" size="10" readonly="readonly"/> 
    </display:column> 
</display:table>

我創建了一個按鈕，使它變爲可編輯的表和列碼...

<input type="button" value="Make Editable" class="makeEditable" />

我不知道爲什麼，但它不是工作...沒有行動發生

來源

2013-04-28 promil pandey

你的代碼是工作的罰款看到一個工作演示在這裏：http://jsfiddle.net/w3yep/希望它可以幫助'：）'我已經把在非編輯按鈕以及你，這樣你就可以測試！ – 2013-04-28 01:28:47

您是否忘記在腳本之前添加jquery lib？ :)''一切正常。 – s3m3n 2013-04-28 01:30:17

its there .... – 2013-04-28 01:31:14

//爲禁用即不能突出顯示值或更改禁用=「禁用」

//爲只讀即能突出值但不會改變只讀=「只讀」 jQuery來進行更改到元件（替代停用只讀在下面的用於設置只讀屬性）。

$（ '＃someId'）。ATTR（「禁用」，「已禁用」）或

$（ '＃someId'）。ATTR（「已禁用」，真）

來源

2014-03-03 14:38:44 Touhid

對於HTML輸入文本字段：

<input id="name" type="text">

您可以使用只讀財產而

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

這將使文本字段unedi表。

使其可編輯：

$("#name").prop("readonly",false);

來源

2015-03-31 21:14:36

文本字段使可編輯，不可編輯使用jquery

回答

相關問題