[Javascript] 라디오 그룹에서 선택값 가져오기 및 넣기

망각의 곡선! 과학을 믿어 보고자 필요한데 생각이 안나는 Javascript 문법들을 정리 합니다. 이번에는 라디오 그룹에서 라이도 체크 값만 가져오는 걸 해보려고 합니다. 

우선 제가 디자인한 기본 배경은 다음과 같습니다. 

 

 

input 컴포넌트의 name 을 같게 하였고 해당 내용의 체크된 값만 가져와야 하는 상황 입니다. 제가 이번에 가져오는 함수는는 jquery로 선택 하였습니다. 

라디오 그룹에서 라디오 체크 값만 value 값 가져오기 

//라디오 체크값 가져오기 
//html 
document.querySelector('input[name="radioName"]:checked').value;
//jquery
$("input[name='radio-q1']:checked").val();

 

다음 소스코드를 보고 주의해야할점은 name 값을 잘 확인 해야합니다. 저는 큰 따옴표로(") 로 묵어 줬고 안에는 작은 따옴표(') 를 이용하여 name 값을 입력 하였습니다. 실제 jquery를 이용하여 값을 뽑으면 다음과 같습니다. 

라디오 그룹에서 특정 항목을 체크 하기

반대로 라디오 그룹에서 특정 항목을 체크할 때는 해당 체크 항목값에 checked를 true 하면됩니다. 

// 해당 라디오 체크값 넣어주기. 
$("input[name='radio-q1']")[4].checked = true

이제 잊고 있던 내용을 알았으니 다시 개발 하러 갑시다.