Javascript 如何乘法表输入

Javascript 如何乘法表输入,javascript,jquery,Javascript,Jquery,我让问题乘以表中的两列,将结果输出到第三列,然后将总数添加到小计中 我得到了它,它可以添加输入字段,但不能乘法。下面是一个JSFIDLE,我尝试在其中进行乘法,但它不起作用 我假设这个问题与乘零有关,但我不确定我到底错在哪里 我的代码: $('table input')。在('input',function()上{ var$tr=$(this.closest('tr'); var合计=0; $('input:not(:last)'$tr).each(function(){ 总数*=数字($(t

我让问题乘以表中的两列,将结果输出到第三列,然后将总数添加到小计中

我得到了它,它可以添加输入字段,但不能乘法。下面是一个JSFIDLE,我尝试在其中进行乘法,但它不起作用

我假设这个问题与乘零有关,但我不确定我到底错在哪里

我的代码:

$('table input')。在('input',function()上{
var$tr=$(this.closest('tr');
var合计=0;
$('input:not(:last)'$tr).each(function(){
总数*=数字($(this).val())| | 0;
console.log(总计)
});
$('td:last input',$tr).val(总计);
小计价格();
}).触发器(“输入”);
函数小计价格(){
var合计=0;
$(“.amount”)。每个(函数(){
total+=parseFloat($(this).val()| | 0);
});
$(“#小计结果”)。文本(总计);
}

我们的烟民
菜单项
一份
每份
外部成本
“来自我们的烟民”小计:
0
.3{
填充物:5px;
高度:20px;
背景色:#75A3D3;
字体系列:Tahoma、Helvetica、无衬线;
边际:0px;
颜色:#fff;
字体大小:正常;
}
.2{
填充物:5px;
高度:20px;
背景色:#4C759F;
字体系列:Tahoma、Helvetica、无衬线;
边际:0px;
颜色:#fff;
字体大小:正常;
}
.桌子{
填充物:2px 5px 2px 5px;
高度:24px;
颜色:#627484;
}
塔布切塔先生{
填充物:2px 5px 2px 5px;
高度:24px;
颜色:#627484;
字体大小:粗体;
文字装饰:下划线;
}
.小计结果{
高度:24px;
背景色:#E4EEF8;
边际:0px;
颜色:#627484;
字体大小:粗体;
垫顶:2件;
右侧填充:5px;
垫底:2件;
左侧填充:5px;
}

如果要将一系列数字相乘,则需要使用
1
而不是
0
初始化产品。乘以零产生零,乘以一产生相同的值

您还应该使用
toFixed()
放弃处理浮点数时经常出现的额外小数位数

您还有一个输入错误:
maxlenght
应该是
maxlength

$('table input')。在('input',function()上{
var$tr=$(this.closest('tr');
var总计=1;
$('input:not(:last)'$tr).each(function(){
总数*=数字($(this).val())| | 0;
});
$('td:last input',$tr.val(total.toFixed(2));
小计价格();
}).触发器(“输入”);
函数小计价格(){
var合计=0;
$(“.amount”)。每个(函数(){
total+=parseFloat($(this).val()| | 0);
});
$(“#小计结果”).text(total.toFixed(2));
}

我们的烟民
菜单项
一份
每份
外部成本