Sử dụng jQuery xóa nhiều hàng trong table

 Xem demo  Download demo

Hôm nay mình sẽ giới thiệu cho các bạn cách delete hoặc remove hiề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.

jQuery, delete rows, xóa nhiều hàng, tables, remove rows tables

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é.

 

 HỖ TRỢ TRỰC TUYẾN