js를 사용하여 입력 상자의 읽기 전용 속성을 동적으로 제어합니다.

입력 상자의 읽기 전용 속성: readonly

읽기 전용으로 페이지에 직접 추가하는 경우 입력에 readonly="readonly"를 직접 추가할 수 있으며, 하지만 클릭하려는 경우 버튼이 변경되면 js(또는 jquery)를 통해 구현해야 합니다.

이것을 마지막으로 사용했을 때 이 js 컨트롤을 작성할 때 왜 항상 우울했는지 마침내 발견했습니다. js에는 읽기 전용 및 비활성화와 같은 속성을 설정할 때 작은 버그가 있다는 것이 밝혀졌습니다. 합니다) 생각): 먼저 document.getElementById("id").readonly = "true"; 입력을 읽기 전용으로 설정하지만 document.getElementById("id")를 통해 읽기 전용 속성이 제거되면 .readonly="false" 는 효과가 없습니다. 이때 js 문이 제대로 작동하려면 false 외부의 따옴표를 제거해야 합니다.

첨부:

1. id 속성

읽기 전용 설정: $("#id").attr("readOnly","true");

읽기 전용 취소: $("# id"). attr("readOnly",false);

2. jquery 읽기 전용 속성 일괄 설정 및 취소

/* ID sa가 있는 p의 모든 입력 상자 */

읽기 전용 설정: $("#sa input").attr("readOnly","true");

읽기 전용 취소: $("#sa input" ).attr(" readOnly",false);

관련 기사:

js 입력 텍스트 상자 읽기 전용 설정

설정 js를 통해 모든 양식 객체 읽기 전용

입력 및 기타 텍스트 상자가 읽기 전용이고 편집 불가능하도록 양식을 처리하는 방법

위 내용은 js를 사용하여 입력 상자의 읽기 전용 속성을 동적으로 제어합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!