선택장애

radio box - 클릭시 input box 값 바꾸기 본문

자바스크립트

radio box - 클릭시 input box 값 바꾸기

yes or yes 2020. 9. 1. 10:27
반응형


1. 먼저 radio box, input box를 만들어줍니다.


<input type="radio" value="11"> test11


<input type="radio" value="22"> test22


<input type="radio" value="33"> test33


<input type="text" id="ch_txt">


 


2. Onclick 이벤트를 추가해줍니다.


<input type="radio" onclick="document.getElementById('ch_txt').value=this.value" value="11"> test11


<input type="radio" onclick="document.getElementById('ch_txt').value=this.value" value="22"> test22


<input type="radio" onclick="document.getElementById('ch_txt').value=this.value" value="33"> test33


<input type="text" id="ch_txt" value="초기값">


 


3. 기능은 되지만 box와 text의 높이가 안 맞다면


radio box에 style="vertical-align:-2px" 을 추가해줍니다.
반응형
저작자표시

'자바스크립트' 카테고리의 다른 글

접속 기기가 모바일인지 pc인지 체크하기  (0) 2020.12.24
check box 클릭시 이벤트 주기 ex) input box 값 바꾸기  (0) 2020.09.01
자바스크립트 - 만년달력  (0) 2017.08.14
자바스크립트 - 회원가입 유효성 검사  (0) 2017.08.14
자바스크립트 - getElementById 간단예제  (0) 2017.08.14
'자바스크립트' Related Articles more