[뮤하비] form submit 이전에 alert 또는 confirm 창 띄우기, 라디오버튼 체크여부 확인

 

document.querySelector('input[name="drop_reason_code"]').checked()

여기서 체크가 되었는지 아닌지가 아니라 체크된 값을 알고 싶으면 

document.querySelector('input[name="drop_reason_code"]:checked).value; 

 

취소버튼을 누르면 history.back()

 

+ 📍문제발생 :  첫번째 라디오버튼을 눌렀을 때만 넘어가고 나머지 라디오버튼 체크는 인식을 못함(선택했는데도 선택하라고 alert 가 뜬다...)

 

✅ 문제해결 : querySelectorAll 로 name  속성이 같은 것들을 모두 인식하도록

이전에는 체크가 되어있는지 안되어있는지를 확인했다면 이제는 체크가 된 것들을 배열형태로 받아서 그것의 length를 확인

나의 삽질 목록들

document.querySelectorAll('input[name="drop_reason_code"]:checked') 로 check 된 내용들을 배열로 받고

그것의 length 를 확인한다. 라디오버튼이라 무조건 하나만 선택이 가능하니 선택한 값은 [0] 인덱스 0번째에 담겨있겠죠

var arr = document.querySelectorAll('input[name="drop_reason_code"]:checked')
alert(arr[0].value);