티스토리 뷰

Programming/JAVASCRIPT

자바스크립트 버튼 비활성화 활성화

Beat. 2016. 9. 2. 14:28

HTML에서 버튼을 비활성화 시키는 것은 disabled을 사용하면 된다.


<input type="button" value="버튼" disabled="disabled">

그러면 자바스크립트에서 버튼을 클릭해서 비활성화 활성화 시키는 방법을 알아보자

// 자바스크립트
<script type="text/javascript">
var btn;
 //버튼활성화
 function btn_on() {
  btn = document.getElementById('btn');
  btn.disabled = false;
 }
 
 //버튼비활성화
 function btn_off() {
  btn = document.getElementById('btn');
  btn.disabled = 'disabled';
 }
</script>

<body>
<input type="button" value="버튼활성화" onclick="btn_on();">
<input type="button" value="버튼비활성화" onclick="btn_off();">
<!-- 버튼 처음에 비활성화 -->
<input type="button" id="btn" value="버튼" disabled="disabled">

</body>


간단하다 버튼을 활성화 시키려면 disabled = false;
   버튼을 비활성화 시키려면 disabled = 'disabled';


'Programming > JAVASCRIPT' 카테고리의 다른 글

자바스크립트 강제 클릭 이벤트  (0) 2016.09.05
자바스크립트 숨기기 보이기  (0) 2016.09.05
자바스크립트 테이블 행 추가 삭제 하기  (0) 2016.09.03
자바스크립트 배열 (2차원배열)  (0) 2016.09.02
자바스크립트 배열 (1차원배열)  (0) 2016.09.02
공유하기 링크
댓글