Сделайте текстовую область доступной только для чтения с помощью jquery

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,

Чтобы сделать определенную текстовую область только для чтения:
$('#mytextarea1').prop('readonly', true);

Чтобы сделать все текстовые области только для чтения:
$('textarea').prop('readonly', true);

Чтобы все текстовые поля были доступны только для чтения:
$('input[type=text]').prop('readonly', true);

Чтобы все текстовые поля и текстовые поля были доступны только для чтения:
$('input[type=text],textarea').prop('readonly', true);

Также обратите внимание на разницу между "только для чтения" и "отключен" с точки зрения внешнего вида:

Ниже <textarea> с disabled установлен в true:
(выглядит иначе)

Ниже <textarea> с readonly установлен в true:
(выглядит так же)

Answer 3

Из Jquery 1.6 использовать

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

Посетите http://api.jquery.com/prop/

Answer 4

Попробуй это

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

Answer 5

http://www.w3schools.com/TAGS/att_textarea_readonly.asp
Как выделить все текстовые поля и текстовые поля с помощью jQuery?

Answer 6

Ты можешь написать

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

это сделает readonly для всех полей textarea.