Xóa nhiều hàng từ table cùng lúc với jQuery

Cập nhật: Lượt xem: 1188 [ Javascript ]

Hôm nay Laptrinhweb sẽ giới thiệu cho các bạn cách xóa nhiều hàng cùng một lúc từ table bằng cách sử dụng vài đoạn jQuery đơn giản. Mình hy vọng với đoạn code mà mình chia sẻ trong bài viết này sẽ hữu ích cho các bạn áp dụng vào những dự án web của các bạn.

Xóa nhiều hàng từ table cùng lúc với jQuery

 

Check all & Uncheck all Function với jQuery

function toggleChecked(status) {
  $(".checkbox").each( function() {
    $(this).attr("checked",status);
  })
}

Xóa một hàng từ table với jQuery

$('a.delete_single').on("click", function(event){
        var $this = $(this);
        var c = confirm('Are you sure to delete this message?');
           if(c) {
            $this.parents('tr').fadeOut(function(){
            $this.remove();
           });
        }
        return false;
});

Xóa nhiều hàng từ table với jQuery

$('.deleteall').on("click", function(event){
    var tb = $(this).attr('title');
    var sel = false;
    var ch = $('#'+tb).find('tbody input[type=checkbox]');
    var c = confirm('Continue delete?');
    if(c) {
      ch.each(function(){
         var $this = $(this);
            if($this.is(':checked')) {
                    sel = true; //set to true if there is/are selected row
                $this.parents('tr').fadeOut(function(){
                $this.remove(); //remove row when animation is finished
                });
            }
      });
          if(!sel) alert('No data selected');
    }
    return false;
});

Đừng quên chia sẻ đoạn code trong bài viết này cho bạn bè của các bạn, và nếu có thắc mắc gì thì để lại comment nhé.

Chúc các bạn thành công !