Hướng dẫn sum of input numbers in javascript - tổng các số đầu vào trong javascript

Tôi không hoàn hảo trong JavaScript .. Tôi muốn hiển thị tổng số các giá trị được nhập trong các hộp đầu vào Qty trong hộp đầu vào tiếp theo có tên Total mà không cần trang làm mới. Bất cứ ai có thể giúp tôi tìm ra nó ..?

Đây là JavaScript

Đây là mã HTML của tôi:

Qty1 : 

Qty2 : 

Qty3 : 

Qty4 : 

Qty5 : 

Qty6 : 

Qty7 : 

Qty8 : 




Total : 

Đây là ảnh chụp màn hình

nnnnnn

Badges vàng 145K2929 gold badges194 silver badges237 bronze badges

Hỏi ngày 24 tháng 11 năm 2012 lúc 11:28Nov 24, 2012 at 11:28

SWAPNIL BHAVSARSWAPNIL BHAVSARSwapnil Bhavsar

6533 Huy hiệu vàng9 Huy hiệu bạc18 Huy hiệu đồng3 gold badges9 silver badges18 bronze badges

3

Try:

Qty1 : 

Qty2 : 

Qty3 : 

Qty4 : 

Qty5 : 

Qty6 : 

Qty7 : 

Qty8 : 




Total : 


    

Đã trả lời ngày 24 tháng 11 năm 2012 lúc 11:52Nov 24, 2012 at 11:52

Akhil Sekharanakhil SekharanAkhil Sekharan

12.3k7 Huy hiệu vàng38 Huy hiệu bạc57 Huy hiệu đồng7 gold badges38 silver badges57 bronze badges

0

$(document).ready(function(){

		//iterate through each textboxes and add keyup
		//handler to trigger sum event
		$(".txt").each(function() {

			$(this).keyup(function(){
				calculateSum();
			});
		});

	});

	function calculateSum() {

		var sum = 0;
		//iterate through each textboxes and add the values
		$(".txt").each(function() {

			//add only if the value is number
			if(!isNaN(this.value) && this.value.length!=0) {
				sum += parseFloat(this.value);
			}

		});
		//.toFixed() method will roundoff the final sum to 2 decimal places
		$("#sum").html(sum.toFixed(2));
	}

body {
				font-family: sans-serif;
			}
			#summation {
				font-size: 18px;
				font-weight: bold;
				color:#174C68;
			}
			.txt {
				background-color: #FEFFB0;
				font-weight: bold;
				text-align: right;
			}

	

		
1
		
Butter
		

	
	

		
2
		
Cheese
		

	
	

		
3
		
Eggs
		

	
	

		
4
		
Milk
		

	
	

		
5
		
Bread
		

	
	

		
6
		
Soap
		

	
	

		
 
		
Sum :
		
0
	

Đã trả lời ngày 17 tháng 6 năm 2016 lúc 11:15Jun 17, 2016 at 11:15

Waruna Manjulawaruna ManjulaWaruna Manjula

2.8071 Huy hiệu vàng27 Huy hiệu bạc31 Huy hiệu đồng1 gold badge27 silver badges31 bronze badges

0

JavaScript:

window.sumInputs = function() {
    var inputs = document.getElementsByTagName('input'),
        result = document.getElementById('total'),
        sum = 0;            

    for(var i=0; i

Html:

Qty1 : 

Qty2 : 

Qty3 : 

Qty4 : 

Qty5 : 

Qty6 : 


Qty8 : 




Total : 

Sum

Ví dụ: http://jsfiddle.net/frd9n/1/

​

Đã trả lời ngày 24 tháng 11 năm 2012 lúc 12:00Nov 24, 2012 at 12:00

1

Để tổng hợp với số thập phân sử dụng này:

Trong JavaScript thay đổi ParseInt với parsefloat và thêm dòng này tot.tofixed (2); cho kết quả này:

    function findTotal(){
    var arr = document.getElementsByName('qty');
    var tot=0;
    for(var i=0;i

Sử dụng bước = ". 01" min = "0" type = "số" trong đầu vào được nộp

Qty1 : 

Qty2 : 

Qty3 : 

Qty4 : 

Qty5 : 

Qty6 : 

Qty7 : 

Qty8 : 




Total : 

Đã trả lời ngày 16 tháng 11 năm 2019 lúc 16:39Nov 16, 2019 at 16:39

FrankiefrankieFrankie

4707 Huy hiệu bạc23 Huy hiệu Đồng7 silver badges23 bronze badges

Dưới đây là các giải pháp hoàn chỉnh [thử nghiệm 100% hoạt động]

Qty1 : 

Qty2 : 

Qty3 : 

Qty4 : 

Qty5 : 

Qty6 : 

Qty7 : 

Qty8 : 




Total : 

0

Đã trả lời ngày 12 tháng 9 năm 2021 lúc 4:10Sep 12, 2021 at 4:10

MonzurmonzurMonzur

1.26413 huy hiệu bạc11 huy hiệu đồng13 silver badges11 bronze badges

Thử cái này:

Qty1 : 

Qty2 : 

Qty3 : 

Qty4 : 

Qty5 : 

Qty6 : 

Qty7 : 

Qty8 : 




Total : 

1

Đã trả lời ngày 24 tháng 11 năm 2012 lúc 11:56Nov 24, 2012 at 11:56

Sohel Khalifasohel Khalifasohel khalifa

5.5943 Huy hiệu vàng33 Huy hiệu bạc46 Huy hiệu đồng3 gold badges33 silver badges46 bronze badges

Tôi cần tổng hợp các yếu tố nhịp để tôi chỉnh sửa câu trả lời của Akhil Sekharan bên dưới.

Qty1 : 

Qty2 : 

Qty3 : 

Qty4 : 

Qty5 : 

Qty6 : 

Qty7 : 

Qty8 : 




Total : 

2

Bạn có thể thay đổi các yếu tố với liên kết các yếu tố khác sẽ hướng dẫn bạn chỉnh sửa.

https://www.w3.org/TR/css3-selectors/#attribute-substrings

Đã trả lời ngày 13 tháng 5 năm 2016 lúc 8:49May 13, 2016 at 8:49

XenonxenonXenon

79510 Huy hiệu bạc26 Huy hiệu đồng10 silver badges26 bronze badges

Đây là một giải pháp đơn giản hơn bằng cách sử dụng những gì Akhil Sekharan đã cung cấp nhưng với một chút thay đổi.

Qty1 : 

Qty2 : 

Qty3 : 

Qty4 : 

Qty5 : 

Qty6 : 

Qty7 : 

Qty8 : 




Total : 

3

Đã trả lời ngày 20 tháng 9 năm 2018 lúc 11:41Sep 20, 2018 at 11:41

Tôi thử mã của Waruna Manujula ở trên và làm việc tốt như ví dụ. Nhưng, làm thế nào nếu tôi muốn lấy dữ liệu từ MySQL và chạy tổng ?. Tôi cố gắng làm như dưới đây nhưng tổng không phải là chức năng ?. Tôi biết tôi phải chỉnh sửa một số tập lệnh, nhưng tôi không biết làm thế nào để làm điều đó ..

Qty1 : 

Qty2 : 

Qty3 : 

Qty4 : 

Qty5 : 

Qty6 : 

Qty7 : 

Qty8 : 




Total : 

4

Đã trả lời ngày 2 tháng 7 năm 2021 lúc 5:07Jul 2, 2021 at 5:07

ZackzackZack

133 huy hiệu đồng3 bronze badges