장바구니 개별 삭제

장바구니 개별 상품 삭제를 구현하기 위해 절약사나이님의 팁을 보고 (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); // 배열로 저장된 체크박스 목록을 다시 체크상태로 돌려줌

       })

});