Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.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 计算所有输入的总和_Javascript_Html - Fatal编程技术网

Javascript 计算所有输入的总和

Javascript 计算所有输入的总和,javascript,html,Javascript,Html,我试图计算所有输入的总和。 在计算之前,所有输入都被隐藏。让我们假设,有30个输入,它们是由访问者随机显示的 我唯一能做的就是识别显示的输入,而不使用class“.hidden”。但是,当单击“count total”时,其输入应该只显示显示的输入的总和。val() 我相信,应该用循环来完成,但我不知道 请帮助我实现这个目标 让productsObj=$('.order_uu行'); $('.count\u total')。在('click',函数(e)上{ e、 预防默认值(); for(设

我试图计算所有输入的总和。 在计算之前,所有输入都被隐藏。让我们假设,有30个输入,它们是由访问者随机显示的

我唯一能做的就是识别显示的输入,而不使用class“.hidden”。但是,当单击“count total”时,其输入应该只显示显示的输入的总和。val()

我相信,应该用循环来完成,但我不知道

请帮助我实现这个目标

让productsObj=$('.order_uu行');
$('.count\u total')。在('click',函数(e)上{
e、 预防默认值();
for(设i=0;i

但单击“计数总数”时,其输入应显示 仅显示输入。val()

仅直接获取非隐藏的
输入

$('.count__total').each('click', function (e) {
    e.preventDefault();
    var total = 0;
    $('.order__row:not(.hidden)').each( function(){
      total += +$(this).find( ".order__qnt" ).val(); //use .order__price if price has to be total'ed
    });
    console.log( total );
});

这可能是通过输入循环并求和其值:

let productsObj = $('.order__row');

$('.count__total').on('click', function (e) {
    e.preventDefault();
    let sum = 0;
    for (let i = 0; i < productsObj.length; i++) {
      const element = productsObj[i];
      if (!$(element).hasClass('hidden')) {
        sum += $(element).find('.order__qnt').val();
// calculate the total sum
      } else {
          // return false;
      }
    }
  });
让productsObj=$('.order_uu行');
$('.count\u total')。在('click',函数(e)上{
e、 预防默认值();
设和=0;
for(设i=0;i