[JS] 라디오버튼 값 가져오기

최종프로젝트 코딩 중..

문제

라디오버튼을 만들었는데 form 태그를 썼다면 쉽게 submit을 했을 때 라디오버튼의 값을 가져올 수 있지만 form태그를 사용하지 않았고, 멀리 떨어진 버튼을 클릭했을 때 라디오버튼의 값을 포함한 여러 값들을 한 번에 다른 페이지에 넘겨야했다.

그래서 찾아보던 중 querySelector를 이용하면 된다고 한다.

document.querySelector('input[type=radio][name=options]:checked')

처음엔 querySelector를 찾을 수 없다는 오류가 떠서 구글링해서 방법을 찾아봤는데도 안되길래 다른 방법도 써보고 하다가
그래도 안돼서 결국 다시 적용해보니 갑자기 됐다,,?!

앗싸😊

그래서 다른 페이지로 값을 넘겨보니 다른 값들은 잘 넘어왔는데
라디오버튼의 값만 [object%20HTML] 어쩌구로 나왔다..!

그래서 다시 찾아보니

document.querySelector('input[type=radio][name=options]:checked') 

얘는 객체를 반환하기 때문에 var radiobtn에 객체를 먼저 받아온 후,

var val = radiobtn.value; 

이런 형식으로 해당 객체의 value를 다시 받아와야 한다!

이렇게 해서 값을 넘겨보니 원하는 값이 잘 넘어왔다 😊😊