Javascript jQuery根据输入的数字计算总金额
我正在制作一个表单,用户可以使用Javascript jQuery根据输入的数字计算总金额,javascript,jquery,html,Javascript,Jquery,Html,我正在制作一个表单,用户可以使用字段选择多张票,价格固定为5美元/张。我想在下面的只读字段中动态显示总价 问题: 默认情况下,如何显示总额中的$5 如果你输入2张票,它应该是10美元,3张票是15美元,依此类推 jQuery(函数($){ var$amount_fields=$(“#编号票据”), $total_amount=$('total amount'); $amount_字段('input',函数(e){ var最终值=0; $amount_字段。每个字段(函数(){ var值=$
字段选择多张票,价格固定为5美元/张。我想在下面的只读字段中动态显示总价
问题:
- 默认情况下,如何显示总额中的$5
- 如果你输入2张票,它应该是10美元,3张票是15美元,依此类推
jQuery(函数($){
var$amount_fields=$(“#编号票据”),
$total_amount=$('total amount');
$amount_字段('input',函数(e){
var最终值=0;
$amount_字段。每个字段(函数(){
var值=$(this.val();
如果(!isNaN(值)&&value>0)最终值+=parseInt(值);
});
$total_amount.val(最终值);
});
});代码>
标签,span{
显示:块;
保证金:5px;
}
门票数量@5美元/张:
总金额:
$
您缺少乘以票价的部分。我在应该注意的地方放了一条评论
jQuery(函数($){
var$amount_fields=$(“#编号票据”),
$total_amount=$('total amount');
$amount_字段('input',函数(e){
var最终值=0;
$amount_字段。每个字段(函数(){
var值=$(this.val();
如果(!isNaN(值)&&value>0)最终值+=parseInt(值);
});
$total_amount.val(final_value*5);//在设置字段的值之前,需要乘以票面价格($5)。
});
});代码>
标签,span{
显示:块;
保证金:5px;
}
门票数量@5美元/张:
总金额:
$
您只需将金额乘以5即可显示正确的总数。请注意,parseInt
应该传递一个
然后使用.trigger('input')
jQuery(函数($){
var$amount_fields=$(“#编号票据”),
$total_amount=$('total amount');
$amount_字段('input',函数(e){
var最终值=0;
$amount_字段。每个字段(函数(){
var值=$(this.val();
如果(!isNaN(值)&&value>0)最终值+=parseInt(值,10)*5;
});
$total_amount.val(最终值);
}).触发器(“输入”);
});代码>
标签,
跨度{
显示:块;
保证金:5px;
}
门票数量@5美元/张:
总金额:
$
对于您的第二个要点,您在代码中的什么地方进行了5的乘法?如果您为一张票的价格添加了一个变量,那么在$total\u amount.val(最终值*票价)中;谢谢,.trigger('input')
是我最需要的。