js 일괄 삭제 기능 구현

본 논문 의 사례 는 js 가 대량 삭제 기능 을 실현 하 는 구체 적 인 코드 를 공유 하여 여러분 께 참고 하 시기 바 랍 니 다.구체 적 인 내용 은 다음 과 같 습 니 다.
화면 은 다음 과 같 습 니 다:

체크 상 자 를 선택 하면 자동 으로 id 를 기록 합 니 다.value="id"를 설정 하면 됩 니 다.
다음은 전체 선택 작업(js)입 니 다.
그 중에서 시작 하 는 체크 상자 의 id 는:delete 입 니 다.checkbox
아래 에 기 록 된 체크 상자 의 name 은:delete 입 니 다.checkbox

if($("input[id='delete_checkbox']").is(':checked')==true){
      $('input[name="delete_checkbox"]').each(function(){
        $(this).prop("checked",true);
      });
    }else{
      $('input[name="delete_checkbox"]').each(function(){
        $(this).prop("checked",false);
      });
    }

일괄 삭제 버튼 에 클릭 하여 실행 하 는 방법 추가:userdelete()
일괄 삭제 후 실행 할 코드 를 누 르 면 다음 과 같 습 니 다.

//        
  function user_delete() {
    //          
    let checkedId=new Array();  //             value 
    $('input[name="delete_checkbox"]:checked').each(function(){
      if(!isNaN($(this).val())){
        checkedId.push($(this).val());
      }else{
        console.log("   ");
      }
    });
    if(checkedId.length == 0){
      alert("         ！");
      return false;
    }
    console.log("      ："+checkedId);
    console.log("       ："+checkedId.toString());
    //        
    $.ajax({
      type:"POST",
      url:"",
      data:{"id":checkedId.toString()},
      success:function (data) {
        alert("       ！");
        location.reload();   //      
      },
      error:function () {
        alert("    ！");
      }
    });
}

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.