개발자의 끄적끄적

[javascript] 선택된 radio 버튼의 text 값 가져오기 본문

개발/javascript & jquery

[javascript] 선택된 radio 버튼의 text 값 가져오기

효벨 2020. 1. 21. 01:00
728x90
반응형

[javascript] 선택된 radio 버튼의 text 값 가져오기

 

<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>

라디오 버튼의 value 값이 아닌 text값을 가지고 오는 방법입니다~

 

라디오 버튼의 선택 된 값을 가지고 오는거라면 아래와 같이 하면 됩니다~

 

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

 

그리고 label 태그에 감싸져 있는 TEXT 값을 가지고 오려면 

 

$("label[for='"+라디오 선택된 value 값+"']").text();

 

하면 됩니다~

 

참고들하세요~



출처: https://choija.tistory.com/140 [수캥이의 삶 ]

반응형
저작자표시 비영리 변경금지

'개발 > javascript & jquery' 카테고리의 다른 글

[javascript] 새창 띄우기 총 정리(주소표시줄 삭제후 새창 열기) [펌]  (0) 2020.01.24
[javascript] window.open()으로 나오는 팝업창에 주소표시줄 없애기[펌]  (0) 2020.01.24
[javascript] Select Box에서 선택한 Option의 Text값 가져오기  (0) 2020.01.20
[javascript] 2개의 폼 전송하기  (0) 2020.01.18
[JQuery] 요소(element) 찾기[펌]  (0) 2020.01.15
'개발/javascript & jquery' Related Articles more
Comments