JavaScript 입력에서 두 번째 "확인된" 항목이 첫 번째 항목을 덮어쓰는 이유는 무엇입니까?

Question

간단한 질문이 있는데 누군가가 해결하도록 도와주길 바랍니다.

두 개의 별도 입력을 확인하는 Javascript 코드가 있습니다. 그런데 입력은 하나만 확인할 수 있는 것 같습니다.

Javascript에서 어떤 입력의 "체크"를 먼저 입력해도 무시되거나 재정의되는데 이유를 모르겠습니다. 두 번째 입력만 확인됩니다.

으아아아

위의 예에서는 "radioButtonMobileSticky" 입력만 선택되었습니다. 그러나 이 코드의 마지막 두 줄 순서를 바꾸면 "radioButtonSticky" 입력만 선택됩니다.

왜 이런 일이 발생하는지에 대한 답을 온라인에서 찾지 못했고 미칠 것 같아요! 어떤 도움을 주셔서 감사합니다!

JavaScript/JQuery가 "확인"하는 순서에 관계없이 두 입력이 모두 선택될 것으로 예상합니다.

Answer 1

코드 조각을 보면 input[type="radio"]而不是input[type="checkbox"]를 사용하기 때문에 이런 일이 발생할 수 있다는 것을 알 수 있습니다.

특정 그룹에서는 라디오 버튼을 하나만 선택할 수 있습니다.
MDN 웹 문서 보기

라디오 버튼 대신 체크박스 사용을 고려해야 합니다.

좋은 하루 보내세요!