20'C 흐림
서울 강남구
장바구니 개별 상품 삭제를 구현하기 위해 절약사나이님의 팁을 보고 (https://sir.kr/yc5_tip/704)
구현하던 중 삭제 버튼 클릭 후 컨펌시 취소를 눌렀을 때 모든 체크박스가 풀리고 개별 삭제 시도를 하려던
체크박스만 체크가 되더라구요 이점을 좀 개선해보았습니다.
필요하신분들 쓰시고 아직 부족한점이 많은지라 혹시 아래 코드에 문제가 있을 시 알려주세요
절약사나이님의 팁
// 각각 상품 삭제
$(".each_delete").on('click',function (e){
$('input:checkbox').prop("checked",false); // 모든 체크박스 해지
$("#"+$(this).data('target-id')).prop("checked", true); // 선택된 체크박스 만 선택
if(confirm('선택하신 상품을 삭제하시겠습니까?') == true){
form_check('seldelete');
}
});
//수정
$(".del_btn").on('click', function (e) {
let chk_arr = [];
// 현재 체크된 체크박스를 배열로 얻음
$("input:checkbox:checked").each(function () {
chk_arr.push($(this)); // push: 배열에 값 삽입
});
$('input:checkbox').prop("checked",false); //전체 체크 해지
if (confirm('선택하신 상품을 삭제하시겠습니까?') == true) { //컨펌 확인 시
$("#"+$(this).data('target-id')).prop("checked", true); // 선택사항 체크
form_check('seldelete');
} else { // 컨펌 취소시
chk_arr.forEach(($v) => {
$($v).attr('checked',true); // 배열로 저장된 체크박스 목록을 다시 체크상태로 돌려줌
})
});