[Javascript / jQuery] input Radio Button 값 가져오기/설정하기

input 태그 생성

<input type="radio" value="값1">값1</input>
<input type="radio" value="값2">값2</input>
<input type="radio" value="값3">값3</input>

<input type="radio" name ="radiobox" value="A">A</input>
<input type="radio" name ="radiobox" value="B">B</input>
<input type="radio" name ="radiobox" value="C">C</input>
<button type="button" id="radiobutton">값 가져오기</button>

Radio Button 값 확인

$("input[name='radio의 name값']:checked").val();

 

Radio Button 1개 선택

- 동일한 name 속성을 추가하여 1개만 선택할 수 있도록 한다. 

$("input[name='radio의 name값']:checked").

$(document).ready(function () {
        $('#radiobutton').click(function () {
          var radioVal = $('input[name="radiobox"]:checked').val();
        });
});

 

Radio Button 다중 선택

- 서로 다른 name 속성을 추가하여 다중 선택을 할 수 있도록 한다. 

 $(document).ready(function () {
        $('#radiobutton').click(function () {
          var radioVal1 = $('input[name="radio1"]').val();
          var radioVal2 = $('input[name="radio2"]').val();
          var radioVal3 = $('input[name="radio3"]').val();
          
          //console.log(radioVal1);
          //console.log(radioVal2);
          //console.log(radioVal3);
        });
});

 

Radio Button 강제로 선택/해제

- radio로 설정한 값에 한해서(범위 내에서) 지정한 radio 값을 가져온다.

- 다른 radio를 선택해도 지정한 radio가 선택된다. 

$("input[name='radio의 name'][value='선택할 값']").prop("checked", true); // 선택
$("input[name='radio의 name'][value='선택할 값']").prop("checked", false; // 해제

$(document).ready(function () {
        $('#radiobutton').click(function () {
          var radioVal = $("input[name='radiobox'][value='B']").prop("checked", true);
          //alert(radioVal.val());
          //console.log(radioVal.val());
        });
});

 

 

 

---

https://qkrrudtjr954.github.io/jquery/2018/01/25/get-radio-and-check.html

[jQuery] 라디오 버튼, 체크박스 값 가져오기 · Parker

 

https://nobacking.tistory.com/37

[Javascript/Jquery] 라디오버튼(radio button) 사용법 정리 (라디오버튼 선택/ 라디오버튼 해제/ 라디오버

 

https://mkil.tistory.com/275

[HTML] 라디오버튼/radio/label태그/개별선택/중복선택

 

 

https://curryyou.tistory.com/215

[HTML] input:radio 여러개(다중) 선택될 때, 하나만(단일) 선택 방법

 

https://qkrrudtjr954.github.io/jquery/2018/01/25/get-radio-and-check.html

[jQuery] 라디오 버튼, 체크박스 값 가져오기 · Parker

 

https://myhappyman.tistory.com/91?category=866066

jQuery - radio, checkBox값 가져오기, 선택하기, 제어 등