사용자가 어떠한 항목을 선택했는지 인덱스가 알려준다
산업공학과를 선택 후 document.querySelector("#major").options를 입력하면, index값 3이 나옴
[select.options.selectedIndex] 몇 번째 항목이 선택되었는지 나타내는 숫자가 됨
내용을 가져올때 .innerText
textFrom : form이름
subject : 폼 안에 들어있는 radio버튼의 name
선택된 부분의 value값을 알아낼 수 있음
value 값 확인 불가
라디오 버튼은 무조건 1개만 선택 가능하지만, 체크 박스인 경우 여러개 선택 가능
querySelectorAll로 접근
input요소에서 name이 mailing인 요소 중에서 선택된 요소들을 불러올때 :checked 입력
checked라는 가상 선택자는 라디오버튼이나 체크박스에서 사용자가 선택한 부분을 가져올 때 사용하는 선택자이다
'개발 공부 > WEB' 카테고리의 다른 글
자바스크립트 - 비동기 프로그래밍 (0) | 2024.02.22 |
---|---|
자바스크립트 - 웹 요소 스타일 수정하기 (0) | 2024.02.21 |
자바스크립트 - 타이머 함수 / 웹 요소에 접근하기 (0) | 2024.02.21 |
자바스크립트 - 이벤트 (0) | 2024.02.20 |
자바스크립트 - 화살표 함수 (0) | 2024.02.20 |