JQuery

[JQuery] input radio value 설정/변경 , input radio value 값 가져오기

chsr 2021. 1. 26. 14:27
728x90
반응형

■ JQuery input radio value 설정/변경 , input radio value 값 가져오기


<input type="radio" id="typeA" name="radio_name" value="A"><label for="typeA">Type A</label>
<input type="radio" id="typeB" name="radio_name" value="B" checked><label for="typeB">Type B</label>

 

■ 선택된 radio 버튼 value 값 가져오기

var tmp_value = $('input:radio[name=radio_name]:checked').val();
console.log(tmp_value);	// B

■ radio 버튼 선택값 설정/변경하기 

// radio_name 이라는 name을 가진 라디오 버튼 중 A라는 value 를 가지고 있는 라디오 버튼 선택/해제
$('input:radio[name=radio_name]:input[value="A"]').attr("checked", true);	// 선택	
$('input:radio[name=radio_name]:input[value="A"]').attr("checked", false);	// 해제

또는

$('input:radio[name=radio_name]:input[value="A"]').prop("checked", true);	// 선택	
$('input:radio[name=radio_name]:input[value="A"]').prop("checked", false);	// 해제
728x90
반응형