개발

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());
});