장바구니에서 전체선택을 해제했다가 재선택 시 전체선택이 안됩니다.
본문
// 모두선택
$("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);
});
클릭 - 전체선택 해제
클릭 - 다시 전체선택 이렇게 되야지 않나요??
input 을 버튼으로 변경할 거 외 없습니다.
첨으부터 이랬는지 모르겠네요ㅠㅠ
답변 2
클릭 했을때 해당이 실행되는지 한번 확인해보세요 alert를 줘서
아님 다른 스크립트 에러가 있는지체크해보시고요
답변 감사드립니다.
일단 한번 클릭하면 기본 전체선택 된 체크가 풀립니다.
그런데 다시 누르면 전체선택이 안되고요.ㅜ
기존 소스 삭제하고 스크립트를 이렇게 수정하니간 되네요...
<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>
답변을 작성하시기 전에 로그인 해주세요.