개발
jQuery radio event 라디오 버튼 이벤트 처리
BrandKim82
2023. 6. 22. 16:26
기본 html 라디오 버튼 형식
<input type="radio" name="radioButton" value="rv1" checked> 라디오1
<input type="radio" name="radioButton" value="rv2"> 라디오2
<input type="radio" name="radioButton" value="rv3"> 라디오3
라디오 선택 값 출력
$("input[name='radioButton']:checked").val();
값에 따른 라디오 버튼 선택
$("input:radio[name='radioButton'][value='rv1']").prop("checked", true);
$("input:radio[name='radioButton'][value='rv2']").attr("checked", true);
라디오 버튼 변경 선택 시 이벤트
$("input:radio[name='radioButton']").on("change", function() {
// 라디오 버튼 변경 클릭 시 이벤트 삽입
console.log($(this).val());
});