制作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字段。