<!DOCTYPE>
<html>
<head>
<title> 쓰기전용, 읽기전용, 활성화, 비활성화 </title>
</head> <body>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<input type="text" name="test" id="test"/><br>
<input type="button" id="readonly_t" value="읽기전용" />
input type="button" id="readonly_f" value="쓰기전용" />
<input type="button" id="disabled_t" value="활성화" />
<input type="button" id="disabled_f" value="비활성화" />
<script type="text/javascript">
$(document).ready(function()
{ $("#readonly_t").click(function(){ $("#test").attr("readonly",true).attr("disabled",false); //입력불가 });
$("#readonly_f").click(function(){ $("#test").attr("readonly",false).attr("disabled",false); //입력가능 });
$("#disabled_t").click(function(){ $("#test").attr("disabled",false).attr("readonly",false); //입력가능 });
$("#disabled_f").click(function(){ $("#test").attr("disabled",true).attr("readonly",false); //입력불가, 값 안넘어감 }); });
</script> </body> </html>
출처: https://start0.tistory.com/106 [아는 것이 좋은 것이다.]
'JavaScript' 카테고리의 다른 글
| 객체 (0) | 2019.09.08 |
|---|---|
| 누구나 한 번쯤은 띄워본 JavaScript 에러 TOP 10. (0) | 2019.08.30 |
| 배열 (0) | 2019.08.13 |
| 함수 (0) | 2019.08.13 |
| 반복문 (0) | 2019.07.25 |
