「読み取り専用」属性を<input>に追加する方法

readonly特定に追加するにはどうすればよい<input>ですか？.attr('readonly')動作しません。

jQuery <1.9

$('#inputId').attr('readonly', true);

jQuery 1.9以降

$('#inputId').prop('readonly', true);

propとattrの違いについてもっと読む

$ .prop（）を使用

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

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

Readonlyはhtmlで定義されている属性であるため、1つの属性として扱います。

編集できないようにするには、操作しているオブジェクトにreadonly = "readonly"のようなものを含める必要があります。そして、再び編集可能にしたい場合は、readonly = ''のようなものはありません（これが正しく理解されていれば、これは標準ではありません）。本当に属性全体を削除する必要があります。

そのため、jqueryを使用して追加および削除することは理にかなっています。

読み取り専用のものを設定します。

$("#someId").attr('readonly', 'readonly');

読み取り専用を削除：

$("#someId").removeAttr('readonly');

これは私にとって本当に効果的な唯一の選択肢でした。それが役に立てば幸い！

.attr('readonly', 'readonly')トリックを行う必要があります。あなた.attr('readonly')だけの値を返し、それは1を設定しません。

「無効」にすると、POSTで入力が送信されなくなる

.removeAttrを使用して、読み取り専用を無効にすることができます。

$('#descrip').removeAttr('readonly');

読み取り専用を有効にする場合：

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

読み取り専用を無効にするため

$("#descrip").attr("readonly","");

setAttributeプロパティを使用します。例では、select 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>

jQueryバージョン1.9未満の場合：

$('#inputId').attr('disabled', true);

jQueryバージョン> = 1.9の場合：

$('#inputId').prop('disabled', true);