Javascript 如何计算keyup上的最终金额
我正在使用Codeignator,我正在计算最终金额。如果任何用户输入将计算的总金额并显示在最终金额字段中 我也在动态添加输入字段。我试过一些代码,但不起作用 我需要使用AJAX进行计算 我想要达到的是,这是我的第一页。 现在,如果任何用户输入这样的总金额,那么它将显示在最终金额字段中。 如果用户想要添加更多的字段,应该点击添加按钮并添加价格,它将计算并显示在字段框中,我在50中添加了。 和这个一样 你能帮我解决这个问题吗Javascript 如何计算keyup上的最终金额,javascript,jquery,html,codeigniter-3,Javascript,Jquery,Html,Codeigniter 3,我正在使用Codeignator,我正在计算最终金额。如果任何用户输入将计算的总金额并显示在最终金额字段中 我也在动态添加输入字段。我试过一些代码,但不起作用 我需要使用AJAX进行计算 我想要达到的是,这是我的第一页。 现在,如果任何用户输入这样的总金额,那么它将显示在最终金额字段中。 如果用户想要添加更多的字段,应该点击添加按钮并添加价格,它将计算并显示在字段框中,我在50中添加了。 和这个一样 你能帮我解决这个问题吗 $(文档).ready(函数(){ var max_field
$(文档).ready(函数(){
var max_fields=20;//允许的最大输入框数
var wrapper=$(“.row_set”);//字段包装器
var add_button=$(“.add_row_click”);//添加按钮ID
var baseUrl=”http://localhost/test/";
var x=1;//初始文本框计数
$(添加按钮)。单击(函数(e){//在添加输入按钮上单击
e、 预防默认值();
如果(x
+加
这可能是您想要的
$(文档).ready(函数(){
var max_fields=20;//允许的最大输入框数
var wrapper=$(“.row_set”);//字段包装器
var add_button=$(“.add_row_click”);//添加按钮ID
var baseUrl=”http://localhost/test/";
var x=1;//初始文本框计数
$(添加按钮)。单击(函数(e){//在添加输入按钮上单击
e、 预防默认值();
如果(x
+加
对于这个操作来说,jQuery和使用AJAX让服务器参与进来似乎都有些过分
//在HTML中查找元素
var singleProductPriceInput=document.getElementById(“single_p_price”);
var totalProductAmountInput=document.getElementById(“总价”);
var finalTotalInput=document.getElementById(“最终金额”);
var按钮=document.getElementById(“提交者”);
//更新功能
函数updatePrice(){
var singleProductPrice=parseFloat(singleProductPriceInput.value);
var totalProductAmount=parseFloat(totalProductAmountInput.value);
var结果=(singleProductPrice*totalProductAmount);
如果(!isNaN(结果)){
FinalToTaLiInput.value=结果.toFixed(2);
}
}
//提交功能
函数提交(){
警报(“在这里做服务器工作”\nAJAX”);
}
//绑定事件侦听器
singleProductPriceInput.addEventListener(“更改”,updatePrice);
singleProductPriceInput.addEventListener(“键控”,updatePrice);
singleProductPriceInput.addEventListener(“鼠标”,updatePrice);
totalProductAmountInput.addEventListener(“更改”,updatePrice);
totalProductAmountInput.addEventListener(“键控”,updatePrice);
totalProductAmountInput.addEventListener(“鼠标”,updatePrice);
按钮。addEventListener(“单击”,提交)代码>
+加
simpleJavascript键控事件
计算
$(“输入”).keyup(函数(){
var pr=$(此).data(“价格”);
变量名称=$(this).data(“名称”);
var qut=$(this.val();
var总=pr*qut;
$(“#”+姓名).text(总计);
});
$(“#placeorder”)。单击(函数(){
var合计=0;
$('.t')。每个(函数(){
总数+=数字($(this).text());
});
$('总计').text(总计);
});代码>
.t{
边框:0px实心;
}
骨汉堡:
*28r.s
=r.s
烟熏汉堡:
*29r.s
=r.s
巫毒汉堡:
*30r.s
=r.s
艾华斯卡酸:
*18r.s
=r.s
超越苍白:
*10r.s
=r.s
下单
总数:
AJAX,因为我必须计算单个价格、数量、运输成本