Как добавить атрибут "только для чтения" к?

Question

Как добавить атрибут "только для чтения" к?

как я могу добавить readonly конкретной <input>? .attr('readonly') не работает.

455 9

jQuery javascript

9 ответов:

Comments

Ничего не найдено.

CMS · Accepted Answer · 2017-05-23 15:02:58

jQuery
$('#inputId').attr('readonly', true);
jQuery 1.9+
$('#inputId').prop('readonly', true);
подробнее о разница между опорой и attr

Greg · Accepted Answer · 2011-11-30 07:29:03

использовать $.prop ()

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

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

score 23 · Accepted Answer · 2012-04-09 20:31:02

Readonly-это атрибут, определенный в html, поэтому рассматривайте его как один.

вам нужно иметь что-то вроде readonly="readonly" в объекте, с которым вы работаете, если вы хотите, чтобы он не был редактируемым. И если вы хотите, чтобы он снова редактировался, у вас не будет чего-то вроде readonly=" (это не стандартно, если я правильно понял). Вам действительно нужно удалить атрибут в целом.

как таковой, при использовании jquery добавление и удаление его-это то, что делает чувство.

что-то только для чтения:
$("#someId").attr('readonly', 'readonly');
удалить только для чтения:
$("#someId").removeAttr('readonly');
Это была единственная альтернатива, которая действительно работала для меня. Надеюсь, это поможет!

ceejayoz · Accepted Answer · 2009-08-20 17:50:47

.attr('readonly', 'readonly') следует сделать трюк. Ваш .attr('readonly') возвращает только значение, он не один.

score 14 · Accepted Answer · 2009-09-11 19:40:12

Я думаю, что "отключено" исключает ввод из отправки на почту

Steve · Accepted Answer · 2011-03-25 05:34:51

вы можете отключить только чтение с помощью .removeAttr;
$('#descrip').removeAttr('readonly');

Pradeep · Accepted Answer · 2011-02-07 10:08:09

для включения только для чтения:
$("#descrip").attr("readonly","true");
для отключения только для чтения
$("#descrip").attr("readonly","");

Diogo Rodrigues · Accepted Answer · 2015-05-09 02:40:40

используйте свойство setAttribute. Обратите внимание в примере, что если выбрать 1 применить атрибут readonly к текстовому полю, в противном случае удалите атрибут readonly.

http://jsfiddle.net/baqxz7ym/2/
document.getElementById("box1").onchange = function(){
  if(document.getElementById("box1").value == 1) {
    document.getElementById("codigo").setAttribute("readonly", true);
  } else {
    document.getElementById("codigo").removeAttribute("readonly");
  }
};

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

<select id="box1">
<option value="0" >0</option>
<option value="1" >1</option>
<option value="2" >2</option>
</select>

Osman Adak · Accepted Answer · 2017-07-23 05:06:30

для версии jQuery
$('#inputId').attr('disabled', true);
для версии jQuery >= 1.9:
$('#inputId').prop('disabled', true);