製作textarea的只讀使用jQuery

Question

對於文本input我做的：

$('input[type="text"]').each(function(){ 
    $(this).attr('readonly','readonly'); 
}); 

但我應該爲textarea做什麼，讓它readonly。

Answer 1

包括在您的選擇（使用multiple/element選擇），就像這樣：

$('input[type="text"], textarea').attr('readonly','readonly'); 

You can test it here，如果它是你正在做的只有的事情，沒有必要爲.each()，你可以在所有匹配的元素上調用.attr()。

Answer 2

試試這個

$("#mytxtarea").attr("disabled", "disabled"); 

Answer 3

http://www.w3schools.com/TAGS/att_textarea_readonly.asp
How to select all textareas and textboxes using jQuery?

Answer 4

從jQuery的1.6使用

$("#mytxtarea").prop("disabled", true); 

訪問http://api.jquery.com/prop/

Answer 5

在jQuery中的最新版本，將U方法prop的方法優於使用attr。

爲了使只讀一個特定的textarea：
$('#mytextarea1').prop('readonly', true);

要使所有文字區域只讀：
$('textarea').prop('readonly', true);

爲了讓所有的 '文本' 字段只讀：
$('input[type=text]').prop('readonly', true);

要使所有'text'字段和textarea只讀：
$('input[type=text],textarea').prop('readonly', true);

也請注意「只讀」，並在外觀方面「禁用」之間的區別：

下面是一個<textarea>與disabled設置爲true：
（看起來不同）

下面是一個<textarea>與readonly設置爲true：
（外觀相同）

Answer 6

您可以編寫

$("textarea").attr("readonly", "readonly"); 

這將只讀取所有textarea字段。