Hướng dẫn sum in html table - tính tổng trong bảng html

3

Nội dung chính ShowShow

  • Câu trả lời được đề xuất
  • Giải pháp phụ thuộc vào lý do tại sao bạn cần phải làm điều này?
  • Làm thế nào để bạn tổng hợp một cột trong một bảng trong HTML?
  • Làm thế nào để bạn tổng hợp trong HTML?
  • Làm cách nào để tổng hợp một cột trong JavaScript?
  • Làm thế nào để bạn thêm số vào một bảng trong HTML?

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.Learn more.
Learn more.

Tôi có một bảng mẫu trông giống như thế này và dữ liệu được làm mới cứ sau 5 phút để hiển thị mới nhất.example -

TollFree                    US                      Canadian                      
7,312                       826                     141,128     

Tôi cần thêm và tính toán tổng số trên tất cả.

 Total Records -

Đây là những gì tôi đã thử cho đến nay- http://jsfiddle.net/unkdk/2666/

Trang HTML có 6 bảng có số lượng cột khác nhau để thực hiện cùng một tính toán. Cố gắng sử dụng cùng một tập lệnh trong tất cả các lớp TD là giống nhau.

Đã hỏi ngày 31 tháng 10 năm 2017 lúc 14:32Oct 31, 2017 at 14:32Oct 31, 2017 at 14:32

Hướng dẫn sum in html table - tính tổng trong bảng html

Sanasanasanasana

3501 huy hiệu vàng9 Huy hiệu bạc25 Huy hiệu đồng1 gold badge9 silver badges25 bronze badges1 gold badge9 silver badges25 bronze badges

2

Ở đây chúng tôi đi:

var summ = Number($("td:nth-child(1)").text()) + Number($("td:nth-child(2)").text()) + Number($("td:nth-child(3)").text());
console.log("Result: " + summ);

A B V
1 2 3

Chỉnh sửa cho yêu cầu của bạn:

var summ = 0;
$("td").each(function() {
  summ += Number($(this).text());
});;
console.log("Result: " + summ);

A B V
1 2 3

Đã trả lời ngày 31 tháng 10 năm 2017 lúc 14:40Oct 31, 2017 at 14:40Oct 31, 2017 at 14:40

Marco Salernomarco SalernoMarco SalernoMarco Salerno

5.0282 Huy hiệu vàng10 Huy hiệu bạc 30 Huy hiệu Đồng2 gold badges10 silver badges30 bronze badges2 gold badges10 silver badges30 bronze badges

1

Có một vài lỗi trong mã của bạn. Dưới đây là phiên bản làm việc: http://jsfiddle.net/2q06sv8w/3/

$(document).ready(function () {
            var expenses = $('.expenses');
            var expenseTotal = $('#expenses_sum');
            expenseTotal.html('0');
            $.each(expenses, function (index, object) {
                var boldTag = $(object).find('b');
                if (boldTag && boldTag.length > 0 && $(boldTag[0]).html() != '') {
                    expenseTotal.html(parseInt(expenseTotal.html()) + parseInt($(boldTag[0]).html().replace(/,/g, '')));
                }
            })
        });
  1. Bộ chọn '.' được sử dụng để chọn các phần tử khớp với tên lớp và '#' được sử dụng để chọn phần tử khớp với ID. Vì vậy, 'chi phí_sum' phải là ID và không phải là một lớp.
  2. Bạn nên sử dụng html () và không val () để nhận và đặt nội dung của thẻ TD.
  3. Thẻ TD chứa giá trị bên trong thẻ in đậm để bạn phải sử dụng html () trên thẻ in đậm.
  4. Tuyên bố các biến toàn cầu và sử dụng tiền tố $ cho các biến có vẻ không cần thiết ở đây.

Đã trả lời ngày 31 tháng 10 năm 2017 lúc 14:56Oct 31, 2017 at 14:56Oct 31, 2017 at 14:56

Acnnacnnacnnacnn

2062 Huy hiệu bạc6 Huy hiệu Đồng2 silver badges6 bronze badges2 silver badges6 bronze badges

6

Câu trả lời được đề xuất

Bạn sẽ làm như sau. Hy vọng nó giúp.


    
    
    
        
12 Some value
2 Some value
17 Some value

Nếu bạn xây dựng bảng của mình theo cách thủ công, thì hãy thực hiện tổng kết và nhập HTML cho hàng tổng số theo cách thủ công, hoàn thành với các giá trị của nó.

Bạn sẽ làm như sau. Hy vọng nó giúp.


    
    
    
        
12 Some value
2 Some value
17 Some value

Nhảy để đăng 416 WiFi Lounge Lizard Team Colleague

Nếu bạn xây dựng bảng của mình theo cách thủ công, thì hãy thực hiện tổng kết và nhập HTML cho hàng tổng số theo cách thủ công, hoàn thành với các giá trị của nó.

101,

Giải pháp phụ thuộc vào lý do tại sao bạn cần phải làm điều này?

Nếu bạn xây dựng bảng của mình theo cách thủ công, thì hãy thực hiện tổng kết và nhập HTML cho hàng tổng số theo cách thủ công, hoàn thành với các giá trị của nó.

Nếu HTML của bạn được dán từ bảng tính, thì hãy lấy

Nhảy để đăng416 WiFi Lounge Lizard Team Colleague

Tôi đã thay đổi mã ban đầu của mình thành chỉ hoạt động bằng cách tính tổng các hàng có 'quyên góp $' trong cột đầu tiên.

Tất cả 11 câu trả lời

 Total Records -
0

13 năm trước

Airshow416 WiFi Lounge Lizard Team đồng nghiệp

Nếu HTML của bạn được dán từ bảng tính, thì hãy lấy bảng tính để thực hiện tổng số và dán vào tổng số hàng cùng với các hàng khác.

Nếu bạn xây dựng bảng một cách linh hoạt, phía máy chủ hoặc phía máy khách, thì hãy nhờ tập lệnh xây dựng để thực hiện tổng kết và viết hàng tổng số theo các hàng khác.

Nếu các giá trị trong bảng xảy ra để đáp ứng với một số loại tương tác người dùng, thì OK, hãy sử dụng JavaScript để quét bảng và ghi vào tổng số nhưng điều đó sẽ yêu cầu tập lệnh tính toán được kích hoạt bởi sự kiện của người dùng Trong câu hỏi (Nhập dữ liệu/Nhấn nút hoặc bất cứ điều gì) thay vì sử dụng tập lệnh "một lần" được nhúng trong HTML. Viết mã dưới dạng hàm JavaScript và gọi nó từ (các) trình xử lý sự kiện khi thích hợp.

Ngoài ra (từ giải pháp ở trên), IE6 của tôi (có thể là các trình duyệt khác) không thích

 Total Records -
8. Nó có thể hoạt động trong moz/opera, tôi chưa thử nghiệm. Đối với tôi, tốt hơn là thêm
 Total Records -
9 vào cuối bảng (theo cách thủ công nếu đó là cách bạn viết HTML của mình), sau đó đặt nó từ hàm tính toán. ví dụ như một cái gì đó như:

 Total Records -
1

Ngoài ra, và với proviso của tôi về việc tái sử dụng, kịch bản của Fungus sẽ hoạt động nếu tính toán một lần, nội tuyến là những gì được yêu cầu.

Hi vọng điêu nay co ich0 Junior Poster in Training 0 Junior Poster in Training

Ngoài ra (từ giải pháp ở trên), IE6 của tôi (có thể là các trình duyệt khác) không thích
 Total Records -
8. Nó có thể hoạt động trong moz/opera, tôi chưa thử nghiệm. Đối với tôi, tốt hơn là thêm
 Total Records -
9 vào cuối bảng (theo cách thủ công nếu đó là cách bạn viết HTML của mình), sau đó đặt nó từ hàm tính toán. ví dụ như một cái gì đó như:
 Total Records -
2
 Total Records -
2

Ngoài ra (từ giải pháp ở trên), IE6 của tôi (có thể là các trình duyệt khác) không thích

 Total Records -
8. Nó có thể hoạt động trong moz/opera, tôi chưa thử nghiệm. Đối với tôi, tốt hơn là thêm
 Total Records -
9 vào cuối bảng (theo cách thủ công nếu đó là cách bạn viết HTML của mình), sau đó đặt nó từ hàm tính toán. ví dụ như một cái gì đó như:

harrierdh,

Điều này có thêm lợi thế cho phép tái sử dụng; Hàm có thể được gọi là nhiều lần (mỗi lần trang) mà không cần thêm tổng số hàng ngày càng tăng vào bảng, điều này rất quan trọng nếu mục đích của tất cả điều này là để đáp ứng với các sự kiện của người dùng (ở số nhiều).

Ngoài ra, và với proviso của tôi về việc tái sử dụng, kịch bản của Fungus sẽ hoạt động nếu tính toán một lần, nội tuyến là những gì được yêu cầu.

Hi vọng điêu nay co ich0 Junior Poster in Training 0 Junior Poster in Training

Ngoài ra (từ giải pháp ở trên), IE6 của tôi (có thể là các trình duyệt khác) không thích
 Total Records -
8. Nó có thể hoạt động trong moz/opera, tôi chưa thử nghiệm. Đối với tôi, tốt hơn là thêm
 Total Records -
9 vào cuối bảng (theo cách thủ công nếu đó là cách bạn viết HTML của mình), sau đó đặt nó từ hàm tính toán. ví dụ như một cái gì đó như:
 Total Records -
2

Điều này có thêm lợi thế cho phép tái sử dụng; Hàm có thể được gọi là nhiều lần (mỗi lần trang) mà không cần thêm tổng số hàng ngày càng tăng vào bảng, điều này rất quan trọng nếu mục đích của tất cả điều này là để đáp ứng với các sự kiện của người dùng (ở số nhiều).

Ngoài ra, và với proviso của tôi về việc tái sử dụng, kịch bản của Fungus sẽ hoạt động nếu tính toán một lần, nội tuyến là những gì được yêu cầu.

Ngoài ra (từ giải pháp ở trên), IE6 của tôi (có thể là các trình duyệt khác) không thích

 Total Records -
8. Nó có thể hoạt động trong moz/opera, tôi chưa thử nghiệm. Đối với tôi, tốt hơn là thêm
 Total Records -
9 vào cuối bảng (theo cách thủ công nếu đó là cách bạn viết HTML của mình), sau đó đặt nó từ hàm tính toán. ví dụ như một cái gì đó như:

Điều này có thêm lợi thế cho phép tái sử dụng; Hàm có thể được gọi là nhiều lần (mỗi lần trang) mà không cần thêm tổng số hàng ngày càng tăng vào bảng, điều này rất quan trọng nếu mục đích của tất cả điều này là để đáp ứng với các sự kiện của người dùng (ở số nhiều).

Ngoài ra, và với proviso của tôi về việc tái sử dụng, kịch bản của Fungus sẽ hoạt động nếu tính toán một lần, nội tuyến là những gì được yêu cầu.

 Total Records -
3

Ngoài ra (từ giải pháp ở trên), IE6 của tôi (có thể là các trình duyệt khác) không thích

 Total Records -
8. Nó có thể hoạt động trong moz/opera, tôi chưa thử nghiệm. Đối với tôi, tốt hơn là thêm
 Total Records -
9 vào cuối bảng (theo cách thủ công nếu đó là cách bạn viết HTML của mình), sau đó đặt nó từ hàm tính toán. ví dụ như một cái gì đó như:

Điều này có thêm lợi thế cho phép tái sử dụng; Hàm có thể được gọi là nhiều lần (mỗi lần trang) mà không cần thêm tổng số hàng ngày càng tăng vào bảng, điều này rất quan trọng nếu mục đích của tất cả điều này là để đáp ứng với các sự kiện của người dùng (ở số nhiều).

 Total Records -
4

Ngoài ra (từ giải pháp ở trên), IE6 của tôi (có thể là các trình duyệt khác) không thích

 Total Records -
8. Nó có thể hoạt động trong moz/opera, tôi chưa thử nghiệm. Đối với tôi, tốt hơn là thêm
 Total Records -
9 vào cuối bảng (theo cách thủ công nếu đó là cách bạn viết HTML của mình), sau đó đặt nó từ hàm tính toán. ví dụ như một cái gì đó như:

Được chỉnh sửa 12 năm trước bởi Equality4xy vì: N/A

12 năm trước

 Total Records -
5

Được chỉnh sửa 12 năm trước bởi Equality4xy vì: N/A

12 năm trước

Tôi đã thay đổi mã ban đầu của mình thành chỉ hoạt động bằng cách tính tổng các hàng có 'quyên góp $' trong cột đầu tiên.

 Total Records -
3

Fungus1487, cảm ơn điều đó đã làm việc.

Tôi đã sử dụng mã sau và nó hoạt động hoàn hảo. Một lần nữa cảm ơn bạn.

10 năm trước
Enjoy it.hope this will helpful for you peoples.
Pray for me.

 Total Records -
7

Thu thập tổng của một cột trong bảng HTML? Enjoy it.hope this will helpful for you peoples. Pray for me.

Kịch bản này đang hoạt động hoàn hảo. Bạn có thể sử dụng nó. Hãy tận hưởng nó. Điều này sẽ hữu ích cho các bạn. Cầu nguyện cho tôi.

Trả lời chủ đề này

Là một phần của cộng đồng Daniweb

Làm thế nào để bạn tổng hợp một cột trong một bảng trong HTML?.

Nhiều video hơn trên YouTube..

Mã nguồn dự án:.

.

var bảng = document.getEuityById (Bảng bảng), sumVal = 0 ;.

for (var i = 1; i ..

sumVal = sumVal + parseInt (bảng.Rows [i] .cells [2] .innerhtml) ;.

Làm thế nào để bạn tổng hợp trong HTML?

Dưới đây là các bước mẫu ....

Tạo một biến bằng cách sử dụng tác vụ biến SET là sum = 0;(Nếu loại trường là thập phân, thì sum = 0,0;).

Kéo và thả cho mỗi tác vụ bản ghi trong chế độ xem HTML và làm cho tập lệnh trông như thế nào, cho mỗi giá trị trong myform [id! = 0] {....

Bạn có thể sử dụng hai hoặc nhiều biến để xử lý hai hoặc ba trường ..

Làm cách nào để tổng hợp một cột trong JavaScript?

Làm cách nào để tổng hợp một cột trong JavaScript ?...

Mã nguồn dự án:.

.

var bảng = document.getEuityById (Bảng bảng), sumVal = 0 ;.

for (var i = 1; i ..

sumVal = sumVal + parseInt (bảng.Rows [i] .cells [2] .innerhtml) ;.

tài liệu.GetEuityByid (Val Val).InsideHTML = Giá trị tổng của Sum = Khăn + SumVal ;.

Làm thế nào để bạn thêm số vào một bảng trong HTML?

vòng (num);document.getEuityById ("Bảng"). TD (Mile1, Mile2) = number.Reduce (getSum, 0);getElementById("table").td(mile1,mile2) = numbers.reduce(getSum,0); getElementById("table"). td(mile1,mile2) = numbers. reduce(getSum,0);