자바스크립트(JavaScript)2 자바스크립트(JavaScript) 셀렉트 박스(select box) 선택된 옵션(selected option)의 값(value), 텍스트(text) 가져오기 jQuery를 이용하면 아래 코드를 활용해서 셀렉트 박스의 옵션을 제어할 수 있습니다. $('#selectbox > option'); // id를 기준으로, selectbox의 모든 옵션 조회 $('#selectbox > option:checked'); // id를 기준으로, selectbox에서 현재 선택된 옵션 조회 $('select[name="selectbox"] > option:checked').val(); // name을 기준으로, selectbox에서 현재 선택된 옵션의 값(value) 조회 $('select[name="selectbox"] > option:checked').text(); // name을 기준으로, selectbox에서 현재 선택된 옵션의 텍스트(text) 조회 아래 코드는 순.. 2023. 5. 30. 자바스크립트(JavaScript) 체크박스(checkbox), 라디오 버튼(radio) 체크 여부(checked) 및 체크된 값(checked value) 가져오기 jQuery를 이용하면 다음과 같이 체크박스 또는 라디오 버튼의 체크 여부와 체크된 값을 알아낼 수 있습니다. $('input[name="checkbox"]').is(':checked'); // 체크박스 체크 여부(checked) $('input[name="radio"]:checked').val(); // 라디오 버튼 체크된 값(checked value) "나는 순수 자바스크립트가 좋아!"라고 하신다면 다음과 같이 처리해 주시면 됩니다. document.querySelector('#checkbox').checked; // 체크박스 체크 여부(checked) document.querySelector('input[name="radio"]:checked').value; // 라디오 버튼 체크된 값(checke.. 2023. 5. 28. 이전 1 다음