투케이2K

33. (jquery/제이쿼리) radio 라디오 버튼 그룹 강제 클릭 이벤트 및 선택한 value 값 확인 본문

Jquery

33. (jquery/제이쿼리) radio 라디오 버튼 그룹 강제 클릭 이벤트 및 선택한 value 값 확인

투케이2K 2021. 8. 19. 11:37

[개발 환경 설정]

개발 툴 : Edit++

개발 언어 : jquery


[소스 코드]

    <!-- Jquery 사용하기 위해 CDN 설정 : 항상 최신 버전 -->
    <script src="https://code.jquery.com/jquery-latest.min.js"></script> 




    <!-- 내부 JS 지정 : 일반 -->
    <script>

        function radioClick(){
            // [특정 라디오 버튼 ID 값을 사용해 >> 매핑된 value 값 확인]
            var radioValue = $("#"+"radioID").val();          


            // [특정 라디오 그룹 체크 값 강제 변경 >> 라디오 그룹에 특정 value 값을 설정]
            $("input:radio[name='"+String("radioGROUP")+"']:radio[value='"+String(radioValue)+"']").prop("checked", true); // 강제 선택 하기


            // [특정 라디오 그룹 선택 체크 된 상태 확인]
            var tagId = $(":input:radio[name='"+String("radioGROUP")+"']:checked");
            var result = tagId.val(); // 특정 라디오 그룹 선택된 value 값 가져오기
        };

    </script>

[결과 출력]


 

반응형
Comments