пытался с помощью
function drawTable()
Не вышло.
Может будут советы?
<DOCTYPE html>
<html>
<head>
<title>Обработчик</title>
<meta charset="cp-1251">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
<script>
var td;
var kol;
var i;
var summa = 0;
$(function() {
$("tr:nth-child(n+1)").each(function(indx, tr){
td = $("td", tr);
kol = +td.eq(3).html()||0;
i = kol > 5 ? 1 : 2;
td.eq(4).html(kol * td.eq(i).html())
summa += +td.eq(4).html()||0;
});
$('#display_summa').html('Сумма:' + ' ' + summa );
});
</script>
<form action="mail.php" method="POST">
<table style="border: 1px solid" cellspacing="0" name="table">
<tr>
<thead>
<th>Артикул</th>
<th>Стоимость опт</th>
<th>Стоимость розница</th>
<th>количество</th>
<th>итого</th>
</thead>
</tr>
<tr>
<td>1</td>
<td>260</td>
<td>300</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>300</td>
<td>400</td>
<td>8</td>
<td></td>
</tr>
<tr>
<td>3</td>
<td>380</td>
<td>420</td>
<td>10</td>
<td></td>
</tr>
<tr>
<td>4</td>
<td>400</td>
<td>440</td>
<td>15</td>
<td></td>
</tr>
<tr>
<td>5</td>
<td>500</td>
<td>470</td>
<td>23</td>
<td></td>
</tr>
</table>
<h3 id="display_summa"></h3>
<button>Отправить</button>
</form>
<style type="text/css">
th{
border: 1px solid;
text-align: center;
}
td{
border: 1px solid;
text-align: center;
height: 50px;
width: 100px;
}
</style>
</body>
</html>