반응형

이번 글에서는 HTML에 여러 개의 라디오 버튼으로 되어 있는 것들 중에서 현재 선택되어 있는 값을 가져오는 방법에 대해 기록한다.


목차

1. JQuery 체크된 라디오버튼 값 가져오는 방법

1. JQuery 체크된 라디오버튼 값 가져오는 방법

아래와 같이, SAMERADIO라는 NAME을 가진 TYPE이 RADIO인 INPUT 태그가 3개가 있다. 각 ID는 TEST01, TEST02, TEST03이며, VALUE는 A, B, C로 되어 있다.

<input type="radio" id="TEST01" name="SAMERADIO" value="A" />
<input type="radio" id="TEST02" name="SAMERADIO" value="B" />
<input type="radio" id="TEST03" name="SAMERADIO" value="C" checked="checked"/>

 

여기서, 선택된 라디오 버튼의 값을 가져올 때 아래와 같이 사용하면 된다.

$('input[name="SAMERADIO"]:checked').val();

 

반응형
  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기