정보실

웹학교

정보실

javascript JavaScript를 사용하여 버튼을 비활성화 하는 방법

본문

자바 스크립트를 사용하여 프로그래밍 방식으로 버튼을 비활성화 또는 활성화하는 방법 알아보기.


HTML 버튼은 자체 상태(state)가 있는 몇 안되는 요소 중 하나입니다. 거의 모든 폼 컨트롤과 함께.


https://flaviocopes.com/how-to-disable-button-javascript/ 


필요한 한 가지 일반적인 사항은 JavaScript를 사용하여 프로그래밍 방식으로 단추를 비활성화 / 활성화하는 것입니다.


예를 들어 텍스트 입력 요소가 채워질 때만 버튼을 활성화하려고 합니다.


또는“이용 약관을 읽었습니다.”와 같은 특정 확인란을 클릭하면 실제로 읽지 않는 내용이 표시됩니다.


방법은 다음과 같습니다.


document.querySelector() 또는 document.getElementById()를 사용하여 요소를 선택하십시오.


const button = document.querySelector('button')


버튼이 여러 개인 경우 document.querySelectorAll()을 사용하고 결과를 반복 할 수 있습니다.


어쨌든 요소 참조가 있으면 disabled 속성을 true로 설정하여 비활성화 합니다.


button.disabled = true


다시 활성화하려면 false로 설정하여 다시 활성화하십시오.


button.disabled = false



  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 21회 ]  작성일19-09-19 09:18

웹학교