테스트 사이트 - 개발 중인 베타 버전입니다

장바구니에서 전체선택을 해제했다가 재선택 시 전체선택이 안됩니다. 채택완료

하늘그루터기 1년 전 조회 17,383

</p>

<p>    // 모두선택

    $("button[name=ct_all]").click(function() {

        if($(this).is(":checked"))

            $("input[name^=ct_chk]").attr("checked", true);

        else

            $("input[name^=ct_chk]").attr("checked", false);

    });</p>

<p>

 

클릭 - 전체선택 해제

클릭 - 다시 전체선택 이렇게 되야지 않나요??

 

input 을 버튼으로 변경할 거 외 없습니다.

첨으부터 이랬는지 모르겠네요ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
1년 전

클릭 했을때 해당이 실행되는지 한번 확인해보세요 alert를 줘서

아님 다른 스크립트 에러가 있는지체크해보시고요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

하늘그루터기
1년 전
답변 감사드립니다.
일단 한번 클릭하면 기본 전체선택 된 체크가 풀립니다.
그런데 다시 누르면 전체선택이 안되고요.ㅜ

댓글을 작성하려면 로그인이 필요합니다.

기존 소스 삭제하고 스크립트를 이렇게 수정하니간 되네요...

 

</p>

<p><script>

        let allChecked = false;

        function toggleCheckboxes() {

            allChecked = !allChecked;

            const checkboxes = document.querySelectorAll("input[name^=ct_chk]");

            checkboxes.forEach(checkbox => {

                checkbox.checked = allChecked;

            });

        }

        document.getElementById('ct_all').addEventListener('click', toggleCheckboxes);

</script></p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인