Как подсчитывать и умножать строки флажков в массиве - PullRequest
0 голосов
/ 25 июня 2019

У меня есть три флажка в каждой строке, и я хочу подсчитать флажок в строке и умножить его на следующую строку. Ex. Первый ряд 2 флажок отмечен 1 + 1 второй ряд один флажок отмечен 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));
}

`

1 Ответ

2 голосов
/ 25 июня 2019

вот ваш код:

$('.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 fiddle: https://jsfiddle.net/6nbrxd2w/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...