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

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.

Xem Demo | Download

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 !

Chuyên Mục: Javascript

Bài viết được đăng bởi webmaster