Cách tự động tính toán trong PHP

Trong hướng dẫn này, chúng ta sẽ học cách tự động tính tổng các giá trị đầu vào bằng jQuery hoặc JavaScript. Đôi khi chúng ta cần cộng, trừ, chia, nhân và tỷ lệ phần trăm, v.v. trong một trang web trên bay tôi. e. mà không cần tải lại trang hoặc gửi trang. Với sự trợ giúp của các sự kiện JavaScript, chúng ta có thể tìm thấy các giá trị

Trong ví dụ này, ba trường đầu vào được lấy như trong hình trên. Chúng tôi đang tìm số lượng của một số giá trị dựa trên tỷ lệ phần trăm nhất định

Các bước bắt buộc để lấy tổng giá trị đầu vào bằng Jquery

• Khai báo tất cả các trường đầu vào với thuộc tính id của từng trường đầu vào để tìm các giá trị mong muốn trong mỗi hàng
• Đồng thời khai báo các trường đầu vào với các thuộc tính lớp của từng trường đầu vào để thu thập tổng của tất cả các trường mong muốn. Mỗi khi chúng ta tính toán, thuộc tính lớp sẽ giúp chúng ta tìm tổng của tất cả các đầu vào
• Chúng tôi sử dụng một sự kiện JavaScript có tên blur làm chức năng. Tất cả các tính toán bao gồm tổng của tất cả các trường đầu vào được xác định bên trong hàm này

Also read, add rows to table dynamically using JavaScript

Hoàn thành mã. -

ajax example




.container{
	width:50%;
	height:30%;
	padding:20px;
}



	

		
Calculate the sum of input values using Jquery or Javascript
		




	

		  

		        Value:
			    

			      
			    
			    Percentage:
			    

				     
				
				Amount:
			    

			      
			    
			    
		  
		  

		        Value:
			    

			      
			    
			    Percentage:
			    

				     
				
				Amount:
			    

			      
			    
			    
		  
		


		

      Total Value:

      Total Percent:

      Total Amount:

       

  


		  





  function getAmount[]{
  	var value = $['#value'].val[];
  	var percent = $['#rate'].val[];
  	$['#amount'].val[value*percent/100];

  	var value2 = $['#value2'].val[];
  	var percent2 = $['#rate2'].val[];
  	$['#amount2'].val[value2*percent2/100];

  	 //get the sum of each column of each row
  var sum_value = 0;
  $['.value'].each[function[]{
  	sum_value += +$[this].val[];
  	$['#total_value'].val[sum_value];
  }]

  var sum_rate = 0;
  $['.rate'].each[function[]{
  	sum_rate += +$[this].val[];
    $['#total_rate'].val[sum_rate];
  }]

  var sum_amount = 0;
  $['.amount'].each[function[]{
  	sum_amount += +$[this].val[];
    $['#total_amount'].val[sum_amount];
  }]

 
  }

Tải xuống các tệp CSS và js bootstrap từ google và bao gồm đường dẫn của các tệp trong thuộc tính href của thẻ liên kết và thuộc tính src của thẻ script tương ứng

Cũng đọc, Cách xuất dữ liệu bảng MySQL vào Excel bằng jQuery

Để biết thêm về tính toán tự động của JavaScript, hãy truy cập tại đây

PHẦN KẾT LUẬN. - Hi vọng bài viết này sẽ giúp các bạn tự động tính tổng các trường nhập bằng Jquery hoặc Javascript một cách dễ dàng. Nếu bạn có bất kỳ nghi ngờ nào thì hãy để lại bình luận của bạn bên dưới

Làm cách nào để tự động tính giá trong PHP?

Làm cách nào để tạo biểu mẫu tính toán trong PHP?

Làm cách nào để tự động tính tổng các giá trị đầu vào bằng jquery?