Hari ini, Kami ingin berbagi dengan Anda menghitung jumlah kolom tabel dalam html. Dalam posting ini kami akan menunjukkan kepada Anda nilai Sum dari kolom dalam html, dengar nilai baris tabel penjumlahan javascript, kami akan memberi Anda demo dan contoh untuk diterapkan. Dalam posting ini, kita akan belajar tentang Bagaimana Mendapatkan Jumlah Angka Dalam Javascript Array? Show Javascript – Nilai Kolom Tabel SUMIsi di sini contoh sederhana untuk Jumlah Kolom dalam JavaScript <!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>JavaScript | www.pakainfo.com</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-6">
<table class="table table-bordered">
<thead>
<tr>
<th>1</th>
<th>Points</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td id="card">25</td>
</tr>
<tr>
<td>1</td>
<td id="card">80</td>
</tr>
<tr>
<td>1</td>
<td id="card">50</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="text-right">Total</td>
<td id="total"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<script type="text/javascript">
$(function() {
var sum_total_data = 0;
$("tr #card").each(function(index,value){
getEachRow = parseFloat($(this).text());
sum_total_data += getEachRow
});
document.getElementById('total').innerHTML = sum_total_data;
});
</script>
</body>
</html>
Saya harap Anda mendapatkan gambaran tentang nilai Sum dari kolom di html Pos terkait
Cara Menghitung Jumlah Kolom Tabel HTML Dari Semua Nilai Dalam Javascript 
Kode Sumber Proyek <. DOCTYPE html>
|