> 웹 프론트엔드 > JS 튜토리얼 > JS를 사용하여 텍스트 필드의 읽기 전용 또는 쓰기 가능 속성을 제어하는 ​​방법 및 기술

JS를 사용하여 텍스트 필드의 읽기 전용 또는 쓰기 가능 속성을 제어하는 ​​방법 및 기술

怪我咯
풀어 주다: 2018-05-21 11:00:21
원래의
1952명이 탐색했습니다.


이 문서의 예에서는 텍스트 필드의 읽기 전용 또는 쓰기 가능 속성 을 제어하는 ​​JS 방법을 설명합니다. 참고를 위해 모든 사람과 공유하세요. 세부 사항은 다음과 같습니다:

<input id="username" name="userneme" type="text" style="width:50px" size=106>
密码:<input id="userpwd" type="text" name="userpwd" size=106 style="width:50px">
<input name="content" type="checkbox")" value="checkbox" onclick="changeCheck()"/>
匿名发表(免注册)
<SCRIPT LANGUAGE="JavaScript">
<!--
function changeCheck()
{
var aa=document.getElementById("username");
var bb=document.getElementById("userpwd");
var cc=document.getElementById("content");
if(cc.checked)
{
aa.readonly=true;
bb.readonly=true;
aa.disabled = true;
bb.disabled = true;
}
else
{
aa.readonly=false;
bb.readonly=false;
aa.disabled = false;
bb.disabled = false;
}
}
//-->
</SCRIPT>
로그인 후 복사

참고:
는 읽기 전용이며 위에서 일반적으로 사용할 수 없는 경우에는 읽기 전용일 필요는 없습니다. HTML CHECKBOX 컨트롤에는
ONCHANGE 이벤트가 없습니다. ONCLICK 이벤트

위 내용은 JS를 사용하여 텍스트 필드의 읽기 전용 또는 쓰기 가능 속성을 제어하는 ​​방법 및 기술의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿