使用jquery使textarea只读

Question

对于input我做的文字:

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

但是我该怎么做textarea才能做到readonly.

Answer 1

将它包含在您的选择器中(使用多个/元素选择器),如下所示:

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

你可以在这里测试它,如果它是你唯一做的事情,就没有必要了.each(),你可以调用.attr()所有匹配的元素.

Answer 2

在最新版本的jQuery中,使用方法prop比使用方法更受欢迎attr.

要使特定的textarea只读:
$('#mytextarea1').prop('readonly', true);

要使所有textareas只读:
$('textarea').prop('readonly', true);

要使所有"文本"字段只读:
$('input[type=text]').prop('readonly', true);

要使所有"文本"字段和textarea只读:
$('input[type=text],textarea').prop('readonly', true);

还请注意"readonly"和"disabled"之间在外观上的区别:

下面是一个<textarea>与disabled设置为true:
(看起来与常规textarea不同)

下面是一个<textarea>与readonly设置为true:
(看起来和普通的textarea相同)

Answer 3

从Jquery 1.6使用

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

访问http://api.jquery.com/prop/

Answer 4

试试这个

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