label과 checkbox - div에 onclick을 주고 label 태그 클릭 시 소스 2번 실행

Question

안녕하세요! 초급개발자입니다!다름이 아니라... 제가 짠 소스는 아닌데 checkbox 이미지를 바꾸기 위해서 label를 사용한 부분이 있습니다.checkbox위에 label를 덮어서 이미지를 바꿨는데, 문제는 이 checkbox에 이벤트를 걸지않고 div에 onclick를 줘서 label 태그를 클릭하면checkbox와 label이 겹쳐서 그런지 둘다 눌린게 되서 소스가 2번실행 됩니다...ㅠㅠ소스는 2번실행에 맞게 짜놓기는 했는데..테스트과정에서 checkbox목록을 마구 클릭했을 때 label만 눌린게 되서 정작checkbox는 체크표시가 되지 않고 소스가 그냥 실행되어버리네요..ㅠㅠ settimeout으로 클릭한 뒤에 목록을 다시 검수하게 해놨는데..근본적인 해결책이없을까요?ㅠㅠ소스를 다 뜯어내야되나요?

포포핀 · Accepted Answer

https://developer.mozilla.org/ko/docs/Web/API/Event/stopPropagation

label과 checkbox - div에 onclick을 주고 label 태그 클릭 시 소스 2번 실행

1개의 답변

Q&A 목록