35. (jquery/제이쿼리) 라디오 radio 주요 사용 정리 - 강제 활성 및 비활성 (checked true) , 체크 상태 확인 (is checked) , value 확인

---

[개발 환경 설정]

​

개발 툴 : Edit++

개발 언어 : jquery

---

[소스 코드]

​

<!-- Jquery CDN 로드 : 항상 최신 버전 사용 -->
<script src="https://code.jquery.com/jquery-latest.min.js"></script>



<!-- [라디오 버튼 클릭 이벤트 막기 : body 소스코드] -->
<!-- [참고 : 라디오 name 값을 동일하게 부여 >> 그룹별 한개씩만 선택 가능] -->
<!-- [참고 : 라디오 name 값을 각각 다르게 부여 >> 다중 선택 가능] -->
<input id="radio_btn" type="radio" name="radio_group" value="1" onclick="return(false);">



<!-- [라디오 버튼 강제 활성 : name 사용] -->
$("input:radio[name='"+String("radio_group")+"']:radio[value='"+String("1")+"']").prop("checked", true);



<!-- [라디오 버튼 강제 비활성 : name 사용] -->
$("input:radio[name='"+String("radio_group")+"']:radio[value='"+String("1")+"']").prop("checked", false);



<!-- [라디오 버튼 체크 상태 여부 확인 [true / false 반환] : name 사용] -->
var radioChecked = $("input:radio[name='"+String("radio_group")+"']").is(':checked'); 



<!-- [라디오 버튼 value 값 확인 [라디오 그룹에서 체크 된 것의 값 확인] : name 사용] -->
<!-- [참고 : 라디오 그룹에서 체크 된 것이 없을 경우 value 값이 undefined 표시됨] -->
var radioValue = $(":input:radio[name='"+String("radio_group")+"']:checked").val();



<!-- [라디오 버튼 value 값 확인 : 개별 라디오 ID 지정] -->
var radioValue = $("#radio_btn").val();

---