"읽기 전용" 속성을 추가하는 방법?
추가 방법readonly
특정에 대해서<input>
?.attr('readonly')
동작하지 않습니다.
jQuery < 1 . 9
$('#inputId').attr('readonly', true);
jQuery 1.9+
$('#inputId').prop('readonly', true);
프로펠러와 애틀리트의 차이점을 자세히 읽어보십시오.
$.prop() 사용
$("#descrip").prop("readonly",true);
$("#descrip").prop("readonly",false);
읽기 전용은 html에 정의되어 있는 Atribute이므로 Atribute와 같이 취급해 주세요.
편집하지 않으려면 작업 중인 개체에 readonly="readonly"와 같은 항목이 있어야 합니다.다시 편집할 수 있도록 하려면 읽기 전용="와 같은 항목이 없습니다(정확하게 이해하면 표준이 아닙니다).애트리뷰트 전체를 삭제해야 합니다.
따라서 jquery를 사용하면서 jquery를 추가하고 제거하는 것이 이치에 맞습니다.
읽기 전용 설정:
$("#someId").attr('readonly', 'readonly');
읽기 전용 제거:
$("#someId").removeAttr('readonly');
이것은 나에게 정말 효과가 있는 유일한 대안이었다.도움이 됐으면 좋겠다!
.attr('readonly', 'readonly')
효과가 있을 거야당신의..attr('readonly')
값만 반환하고 값은 설정되지 않습니다.
「비활성화」에서는, POST 로의 입력의 송신은 제외됩니다.
.removeAtr을 사용하면 읽기 전용을 디세블로 할 수 있습니다.
$('#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>
아래 코드를 확인합니다.
<input id="mail">
<script>
document.getElementById('mail').readOnly = true; // makes input readonline
document.getElementById('mail').readOnly = false; // makes input writeable again
</script>
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
'programing' 카테고리의 다른 글
Java 8 lamda 목록에서 요소 가져오기 및 제거 (0) | 2022.10.21 |
---|---|
parseInt()와 Number()의 차이점은 무엇입니까? (0) | 2022.10.21 |
ELB를 통한 mariadb galera 클러스터를 사용하는 grails 애플리케이션에서 Mysql 연결 시간 초과 (0) | 2022.10.21 |
vuej 마운트된 라이프 사이클이 트리거되지 않음 (0) | 2022.10.21 |
mysql 마지막 행에서 선택 (0) | 2022.10.21 |