개발자

체크박스 유지는 어떻게 하는 걸까요 ㅠ

2023년 02월 10일조회 442

체크박스를 누르면 표를 보이게 하고 해제하면 표가 사라지는 것을 구현을 했습니다. 문제는 수정화면에 들어갔을 때인데요, 저장 후 수정화면에 들어가면 표는 보이고 작성한 내용도 보이는데, 체크박스에는 체크가 해제되어 있습니다. 네,, 이 부분을 수정하고 싶은데, 우선 입력화면에는 //스크립트 <script> function onChangeHandler(){ var checkbox = document.getElementById('check-btn'); document.getElementById("tableExample").style.display = checkbox.checked ? "":"none"; } </script> //화면(?) 코드 <input type="checkbox" id ="check-btn"> <table id = "tableExample" onchange="onChangeHandler();"> <th>... <td id ="table-content"> 수정화면에서는 //스크립트 <script> var content = document.getElementById("table-content"); if(content.length > 0){ document.getElementById("check-btn").checked = true; document.getElementById('tableExample').style.display=""} }else(content.length == 0){ document.getElementById("check-btn").checked = false; document.getElementById('tableExample').style.display="none"; } // 문자가 하나라도 쓰여있으면 체크박스에 체크가 되고, 표를 보여줄 수 있게, // 문자가 하나라도 쓰여있지 않으면 체크박스에서 해제가 되고, 표를 숨길 수 있게 하려고 했습니다. onChangeHandler(); // 마지막으로 수정화면에서도 기능을 사용할 수 있게 함수를 한 번 더 호출 </script> 입니다. 어떻게 수정하는 게 좋을까요 ㅠ 작성한 내용이 있는지에 따라서 입력화면에서의 체크박스 상태를 유지하고 싶은데 말이죠..

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 1

문석기님의 프로필 사진

올려주신 내용만으론 정확한 판단이 안될 것 같습니다. 저라면 이렇게 디버깅을 했을 것 같은데요. 1. 체크박스가 해제되어 있다. 2. 수정된 내용은 입력이 되어 있다. 우선 1번과 2번의 랜더링 순서가 어떻게 되는지 확인해 볼 것 같습니다. 2번이 선행되었다면 1번의 결과가 나오지 않을 것 같거든요. 체크박스 체크 하는 로직 앞에 debugger 나 콘솔로그를 찍어보셔서 1번 2번의 랜더링 순서를 확인해보시면 될 듯합니다.

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!