JQUERY 라디오버튼 값 가져오기

이번엔 JQUERY 라디오버튼 값 가져오기에 대해 알아보겠습니다.

<script src="//code.jquery.com/jquery.min.js"></script>

<script type="text/javascript">

    //1번 방법

    function radio_btn_value1() {

        var radio_btn_value = $(":input:radio[name=radio_btn_value]:checked").val();

        

        //번호를 선택하지 않았을 경우

        if(radio_btn_value==null){

            alert("번호를 선택해주세요.");

            return;

        }

        alert(radio_btn_value);

    }

    //2번 방법

    function radio_btn_value2() {

        var radio_btn_value = $(".radio_value:checked").val();

 

        //번호를 선택하지 않았을 경우

        if(radio_btn_value==null){

            alert("번호를 선택해주세요.");

            return;

        }

        alert(radio_btn_value);

    }

    

</script>

 

<!-- 라디오버튼은 name이 같으면 중복체크가 안됩니다. -->

<input type="radio" name="radio_btn_value" class="radio_value" value="one">1번<br/>

<input type="radio" name="radio_btn_value" class="radio_value" value="two">2번<br/>

 

<input type="button" value="숫자를  선택하세요.(첫번째 방법)" onclick="radio_btn_value1();"/>

<input type="button" value="숫자를 선택하세요.(두번째 방법)" onclick="radio_btn_value2();"/>

JQUERY 라디오버튼 값 가져오는 방법은 2가지가 있습니다.

$(":input:radio[name=라디오버튼Name]:checked").val();

$(".라디오버튼클래스명:checked").val();

간단합니다. 2가지 방법 모두 동일합니다.

감사합니다.