mrkjm@nate.comjQuery 라디오 버튼 체크 값 가져오기, 체크 여부 확인하기
머니버그
0
612
2020.12.29 19:38
1. 라디오 버튼 체크 값 가져오기
1 2 | <input type="radio" name="rdoOptionFlog" value="Y"> 동의 <input type="radio" name="rdoOptionFlog" value="N"> 동의 안함 | cs |
위와 같이 라디오 버튼을 구현 했을 시
jQuery를 이용하여 체크된 라디오 버튼의 값, 혹은 라디오 버튼의 체크 여부를 확인 할 수 있습니다.
1 | var rdoCheckValue = $('input[name=rdoOptionFlog]:checked').val(); | cs |
위와 같이 사용하면 체크된 라디오 버튼의 체크된 값을 가져 올 수 있습니다.
만약 아래와 같이
1 2 | <input type="radio" name="rdoOptionFlog"> 동의 <input type="radio" name="rdoOptionFlog"> 동의 안함 | cs |
value 의 값을 따로 설정 하지 않을 시 체크를 하지 않으면 'undefined'가 뜨게 되고 체크를 하였다면 'on' 이라는 값을 출력하게 됩니다.
2. 라디오 버튼 체크 여부 확인하기
라디오 버튼, 체크 박스의 체크 여부를 확인 하기 위해서는 아래와 같이 사용하면 됩니다.
1 2 3 4 5 6 7 8 | // 방법 1 var rdoCheck = $('input[name=rdoOptionFlog]').is(':checked'); // 방법2 : 라디오 버튼 지정 var rdoCheck = $('input:radio[name=rdoOptionFlog]').is(':checked'); // 방법3 : 체크 박스 지정 var rdoCheck = $('input:checkbox[name=rdoOptionFlog]').is(':checked'); | cs |
결과는 TRUE / FALSE 로 나옵니다.
radio, checkbox, JQuery, Javascript, 제이쿼리, 라디오 버튼, 체크박스, 체크여부, 가져오기
