Javascript 使用jquery计算总值
我有一张如下表:Javascript 使用jquery计算总值,javascript,jquery,html,Javascript,Jquery,Html,我有一张如下表: <table> <th>Sl No</th> <th>Quantity</th> <th>Price</th> <th>Discount %</th> <th>Total Price</th> <tr> <td>1</td> <td>&
<table>
<th>Sl No</th>
<th>Quantity</th>
<th>Price</th>
<th>Discount %</th>
<th>Total Price</th>
<tr>
<td>1</td>
<td><input class="expensess" ></input></td>
<td><input class="expensess" ></input></td>
<td><input class="expensess" ></input></td>
<td><input class="expensess_sum"></input></td>
</tr>
<tr>
<td>2</td>
<td><input class="expensess" ></input></td>
<td><input class="expensess" ></input></td>
<td><input class="expensess" ></input></td>
<td><input class="expensess_sum"></input></td>
</tr>
</table>
Grand Total = <input id="grand_total">
我该怎么做请帮忙
我只是简单地将所有值相加,如下所示:
<script type="text/javascript">
$(document).ready(function(){
$(".expensess").each(function() {
$(document).on('keyup', '.expensess', function() {
sum($(this).parents("tr"));
});
});
});
function sum(parent){
var sum = 0;
$(parent).find(".expensess").each(function(){
if(!isNaN(this.value) && this.value.length!=0) {
sum += parseFloat(this.value);
}
});
$(parent).find(".expensess_sum").val(sum.toFixed(2));
}
</script>
$(文档).ready(函数(){
$(“.expensess”)。每个(函数(){
$(document).on('keyup','.expensess',function()){
总额($(本)。父母(“tr”);
});
});
});
函数和(父函数){
var总和=0;
$(父项)。查找(“.expensess”)。每个(函数(){
如果(!isNaN(this.value)&&this.value.length!=0){
sum+=parseFloat(此.value);
}
});
$(母公司).find(“.expensess_sum”).val(sum.toFixed(2));
}
但是我不知道如何使用上面的公式来计算总价。
$('input.qty,input.price,input.discount')。在('change keyup',function()上{
var$tr=$(this).closest('tr'),
$qty=$tr.find('input.qty'),
$price=$tr.find('input.price'),
$discount=$tr.find('input.discount'),
$total=$tr.find('input.expensess_sum'),
$grand_total=$(“#grand_total”);
$total.val($qty.val()*($price.val()-($price.val()*($discount.val()/100)));
var-grandTotal=0;
$('table').find('input.expensess_sum').each(function(){
如果(!isNaN($(this.val()))
{grandTotal+=parseInt($(this.val());
}
});
if(伊斯南(总计))
grandTotal=0;
$grandTotal.val(grandTotal)
})
输入{
宽度:80px;
}
Sl号
量
价格
折扣%
总价
1.
2.
总计=
$('input.qty,input.price,input.discount')。在('change keyup',function()上{
var$tr=$(this).closest('tr'),
$qty=$tr.find('input.qty'),
$price=$tr.find('input.price'),
$discount=$tr.find('input.discount'),
$total=$tr.find('input.expensess_sum'),
$grand_total=$(“#grand_total”);
$total.val($qty.val()*($price.val()-($price.val()*($discount.val()/100)));
var-grandTotal=0;
$('table').find('input.expensess_sum').each(function(){
如果(!isNaN($(this.val()))
{grandTotal+=parseInt($(this.val());
}
});
if(伊斯南(总计))
grandTotal=0;
$grandTotal.val(grandTotal)
})
输入{
宽度:80px;
}
Sl号
量
价格
折扣%
总价
1.
2.
总计=
是通过使用简单的java脚本代码实现的
var-sumpenses=0;
var tdBudget=document.getElementById('tableBudget').getElementsByTagName('td');
对于(变量i=0;i
价值
价值
价值
12
23
23
总和
是通过使用简单的java脚本代码实现的
var-sumpenses=0;
var tdBudget=document.getElementById('tableBudget').getElementsByTagName('td');
对于(变量i=0;i
价值
价值
价值
12
23
23
总和
keyup
?分享你完整的jskeyup
?分享您的完整JS是否可以同时获得总价值是否可以同时获得总价值
<script type="text/javascript">
$(document).ready(function(){
$(".expensess").each(function() {
$(document).on('keyup', '.expensess', function() {
sum($(this).parents("tr"));
});
});
});
function sum(parent){
var sum = 0;
$(parent).find(".expensess").each(function(){
if(!isNaN(this.value) && this.value.length!=0) {
sum += parseFloat(this.value);
}
});
$(parent).find(".expensess_sum").val(sum.toFixed(2));
}
</script>