"읽기 전용"속성을 추가하는 방법

"읽기 전용"속성을 추가하는 방법 ?

---

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);

---

읽기 전용은 html에 정의 된 속성이므로 속성처럼 취급하십시오.

편집 할 수없는 작업을하려면 작업중인 객체에 readonly = "readonly"와 같은 것이 있어야합니다. 그리고 다시 편집 할 수있게하려면 readonly =``와 같은 것이 없습니다 (올바르게 이해하면 표준이 아닙니다). 속성을 전체적으로 제거해야합니다.

따라서 jquery를 사용하여 추가하고 제거하는 것이 합리적입니다.

읽기 전용으로 설정하십시오.

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

읽기 전용을 제거하십시오.

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

이것이 실제로 나를 위해 일한 유일한 대안이었습니다. 그것이 도움이되기를 바랍니다!

---

.attr('readonly', 'readonly')트릭을해야합니다. 당신은 .attr('readonly')단지 그것을 하나를 설정하지 않고, 값을 반환합니다.

---

"disabled"는 입력이 POST에서 전송되는 것을 배제한다고 생각합니다.

---

.removeAttr을 사용하여 읽기 전용을 비활성화 할 수 있습니다.

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

---

읽기 전용을 활성화하려면 :

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

읽기 전용 비활성화

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

---

setAttribute 속성을 사용하십시오. 예를 들어 1을 선택하면 텍스트 상자에 읽기 전용 속성을 적용하고 그렇지 않으면 읽기 전용 속성을 제거하십시오.

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);

참고 URL : https://stackoverflow.com/questions/1306708/how-to-add-a-readonly-attribute-to-an-input