如何在数组中计数和mulitplicate复选框行

我在每个行中都有三个复选框，并想在一行中计算检查复选框，然后将其与下一行相乘。前任。第一行2复选框检查1 1第二行One Checkbox检查1第三行三个复选框检查1 1 1总和：2*1*3 = 6我了解我必须将其放在阵列中并槽。我希望你明白？我是新手编程的。嗯，我尝试了一个阵列，它没有起作用https://jsfiddle.net/6nbrxd2w/

$('.cb').on('change', function(){ // on change of state
   Updatesum();
});
function Updatesum() {
  var sum = 0;
  var gn, elem;
  $('.cb:checked').each(function(){
     sum += Number($(this).val()); 
  })
 
 $('#totalsum').val(sum.toFixed(2));
}

<html>
<input type="checkbox" class="cb" id='game1' value="1"  >Game 1 (1)<input type="checkbox" class="cb"id='game1' value="1" >Game 1 (1)<input type="checkbox" class="cb" id='game1' value="1"> Game 1(1)<br>
<br>
<input type="checkbox" class="cb" id='game2' value="1"  >Game 2 (1)<input type="checkbox" class="cb"id='game2' value="1" >Game 2 (1)<input type="checkbox" class="cb" id='game2' value="1"> Game 2(1)<br>
<input type="text" id="totalsum" value="">
<input type="text" id="total" value="">

javascript

$('.cb').on('change', function(){ // on change of state
   Updatesum();
});
function Updatesum() {
  var sum = 0;
  var gn, elem;
  $('.cb:checked').each(function(){
     sum += Number($(this).val()); 
  })
 
 $('#totalsum').val(sum.toFixed(2));
}

这是您的代码：

$('.cb1 , .cb2, .cb3').on('change', function(){
   Updatesum();
});
function Updatesum() {
  var sum1 = 0 ,sum2 = 0 ,sum3 = 0 ;
 /*  $('.cb:checked').each(function(){
     sum += Number($(this).val()); 
  }) */
    $('.cb1:checked').each(function(){
   // alert('hi');
     sum1 += Number($(this).val()); 
  })
    $('.cb2:checked').each(function(){
     sum2 += Number($(this).val()); 
  })
   $('.cb3:checked').each(function(){
     sum3 += Number($(this).val()); 
  })
 $('#totalsum').val(sum1+sum2+sum3);
  $('#total').val(sum1*sum2*sum3);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" class="cb1"  value="1" />Game 1 (1)
<input type="checkbox" class="cb1"  value="1" />Game 1 (1)
<input type="checkbox" class="cb1"  value="1"/> Game 1(1)
<br>
<br>
<input type="checkbox" class="cb2" value="1"  />Game 2 (1)
<input type="checkbox" class="cb2" value="1" />Game 2 (1)
<input type="checkbox" class="cb2" value="1"/> Game 2(1)
<br>
<br>
<input type="checkbox" class="cb3"  value="1"  />Game 3 (1)
<input type="checkbox" class="cb3"  value="1" />Game 2 (1)
<input type="checkbox" class="cb3" value="1"/> Game 3(1)
<br>
<input type="text" id="totalsum" value=""/>
<input type="text" id="total" value=""/>

JS小提琴：https：//jsfiddle.net/6nbrxd2w/

相关内容

最新更新

热门标签：