Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/387.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何计算keyup上的最终金额_Javascript_Jquery_Html_Codeigniter 3 - Fatal编程技术网

Javascript 如何计算keyup上的最终金额

Javascript 如何计算keyup上的最终金额,javascript,jquery,html,codeigniter-3,Javascript,Jquery,Html,Codeigniter 3,我正在使用Codeignator,我正在计算最终金额。如果任何用户输入将计算的总金额并显示在最终金额字段中 我也在动态添加输入字段。我试过一些代码,但不起作用 我需要使用AJAX进行计算 我想要达到的是,这是我的第一页。 现在,如果任何用户输入这样的总金额,那么它将显示在最终金额字段中。 如果用户想要添加更多的字段,应该点击添加按钮并添加价格,它将计算并显示在字段框中,我在50中添加了。 和这个一样 你能帮我解决这个问题吗 $(文档).ready(函数(){ var max_field

我正在使用Codeignator,我正在计算最终金额。如果任何用户输入将计算的总金额并显示在最终金额字段中

我也在动态添加输入字段。我试过一些代码,但不起作用

我需要使用AJAX进行计算

我想要达到的是,这是我的第一页。

现在,如果任何用户输入这样的总金额,那么它将显示在最终金额字段中。

如果用户想要添加更多的字段,应该点击添加按钮并添加价格,它将计算并显示在字段框中,我在50中添加了。

和这个一样

你能帮我解决这个问题吗

$(文档).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(“单击”,提交)

+加

simple
Javascript键控事件
计算

$(“输入”).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,因为我必须计算单个价格、数量、运输成本