<script type="text/javascript"> function fnRadioName(){ var radioId = $('input[name="COLOR"]:checked').val(); var rasioNm = $("label[for='"+radioId+"']").text(); // 라벨값을 불러온다. alert(rasioNm); } </script> <body> <input type="radio" name="COLOR" id="COLOR" value="RED" onclick="fnRadioName();" /> <label for="RED"> 빨간색 </label> <input type="radio" name="COLOR" id="COLOR" value="BLUE" onclick="fnRadioName();" /> <label for="BLUE"> 파란색</label> <input type="radio" name="COLOR" id="COLOR" value="BLACK" onclick="fnRadioName();" /> <label for="BLACK"> 검은색 </label> </body> | cs |
라디오 버튼의 value 값이 아닌 text값을 가지고 오는 방법이다.
라디오 버튼의 선택 된 값을 가지고 오는거라면 아래와 같이 하면 된다.
$('input[name="COLOR"]:checked').val();
그리고 label 태그에 감싸져 있는 TEXT 값을 가지고 오려면
$("label[for='"+라디오 선택된 value 값+"']").text();
하면 된다.
'WORK > JQUERY' 카테고리의 다른 글
| 동일한 input text , select box 에 값 넣기 (0) | 2019.03.11 |
|---|---|
| 비밀번호 체크 function 만들기 (0) | 2019.02.26 |
| ajax 호출 시 새로고침 되는 현상 (0) | 2018.12.26 |
| jquery disabled 처리 하기 (0) | 2018.12.21 |
| checkbox 값 배열에 담기 (1) | 2018.12.12 |