Сообщение от рони
|
|
если убрать инпуты, то предложенный алгоритм никак не изменится.
|
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
$(document).on("input", ".mat_count input", function() {
var count = $('[id^="count"]').val(0),
len = count.length;
$(".mat_count input").each(function(i, el) {
i %= len;
count[i].value -= -(+el.value || 0)
})
})
});
</script>
</head>
<body>
<table>
<tr>
<td class="mat_count">50</td>
<td class="mat_count">50</td>
<td class="mat_count">50</td>
</tr>
<tr>
<td class="mat_count">50</td>
<td class="mat_count">50</td>
<td class="mat_count">50</td>
</tr>
... Строк может быть любое количество...
<tr>
<td>Сумма 1 столбца</td>
<td>Сумма 2 столбца</td>
<td>Сумма 3 столбца</td>
</tr>
</table>
</body>
</html>
Рони, без адишников!
так чтобы строк и столбцов можно было добавлять любое количество и не лезть при этом в скрипт