سلام ، فرض کنید جدول زیر را داریم :
<!DOCTYPE html>
<html lang="en">
<head>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width, initial-scale=1.0">
<metahttp-equiv="X-UA-Compatible"content="ie=edge">
<title>Document</title>
<linkhref="css/bootstrap.min.css"rel="stylesheet">
<style>
tr {
border: 2pxsolidred;
}
td {
border: 1pxsolidblack;
}
</style>
</head>
<body>
<tableclass="table table-striped table-bordered">
<thead>
<tr>
<td>نام</td>
<td>تعداد</td>
<td>قیمت</td>
<td>قیمت کل</td>
</tr>
</thead>
<tbody>
<tr>
<td>کالا1</td>
<tdclass="count"><inputtype="number"value="1"></td>
<tdclass="price">100</td>
<tdclass="sum">100</td>
</tr>
<tr>
<td>کالا2</td>
<tdclass="count"><inputtype="number"value="4"></td>
<tdclass="price">200</td>
<tdclass="sum">800</td>
</tr>
<tr>
<td>کالا3</td>
<tdclass="count"><inputtype="number"value="3"></td>
<tdclass="price">300</td>
<tdclass="sum">900</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>SumTotal</td>
<tdclass="sumtotla">1800</td>
</tr>
</tfoot>
</table>
<scriptsrc="js/jquery-3.3.1.min.js"></script>
<scriptsrc="js/popper.min.js"></script>
<scriptsrc="js/bootstrap.min.js"></script>
</body>
</html>
حالا می خواهم :
- الف)هرگاه تعداد هرکالای (هر tr)تغییر کرد قیمت کل آن هم باتوجه به قیمت کالا تغییر کند
- ب)هرگاه عملیات الف تمام شد جمع کل قیمت کل انها باهم جمع شود و در sumtotla نمایش داده شود
