javascript - 如何计算总和？

Question

我有一个带有复选框的数据表，我想计算我们使用 jQuery 的薪水的每日薪水，在我的控制台中，第一行有一个结果错误，而其他行效果很好。

 <div id='form2'>
    <h3>form group 2</h3>
    <h4>DATE : <span id="dateE"></span></h4>
    <h4>chantier : <span id="ch"></span></h4>
    <h4>ouvrage : <span id="ou"></span></h4>
      <div class="form-group col-md-offset-5 ">
        <button class="btn btn-success add-all" type="submit" id="hide">Pointage</button>
      </div>
   <table class="table table-bordered" id="mytable">
        <tr>
            <th>Archive</th>
            <th><input type="checkbox" id="check_all"></th>
            <th>S.No.</th>
            <th>matricule</th>
            <th>nom & prenom</th>
            <th>salaire net</th>
            <th>nbre de jour </th>
            <th>prime</th>
        </tr>
        @if($salaries->count())
            @foreach($salaries as $key => $salarie)
                <tr id="tr_{{$salarie->id}}">
                  <td>archive</td>
                  <td><input type="checkbox" class="checkbox" data-id="{{$salarie->id}}"></td>
                  <td>{{ ++$key }}</td>
                  <td>{{ $salarie->matricule }}</td>
                  <td >{{ $salarie->nom }} {{ $salarie->prenom }}</td>
                  <td><input type="hidden" name="salaire" value="{{ $salarie->salairenet }}">{{ $salarie->salairenet }}</td>
                  <td ><input type="text" class='input2' name="nbreJ" class="form-control" ></td>
                  <td><input type="text" name="prime" class="form-control" value="0"></td>
                </tr>
            @endforeach
        @endif
    </table>
 </div>

jquery代码，除SUM外，所有值都精确显示

$("tr").each(function(i, r) {
  if (i > 0 && $(r).find("input").first().prop("checked")) {
    let s = parseInt($(r.cells[5]).text());
    let value = $('#nbr').val();
    let prime = $(r.cells[7]).find('input').val();
    let sum = (((s) / 24) * value) + prime;

    items.push({
      s,
      value,
      prime,
      sum
    });

  }
  console.log(items);
});

Answer 1

您需要在 val 上使用 parseInt。如果没有 parseInt，它会像字符串一样处理并尝试concat 两个字符串而不是计算数字。从输入的 val 中移除 parseInt 并查看对片段的影响。

$( "p" ).click(function() {
let s = 24;//parseInt($(r.cells[5]).text());
let value = parseInt($('#nbr').val());
let prime = parseInt($('#test').val());//5;//$(r.cells[7]).find('input').val();
let sum = (((s)/24) * value ) + prime;
alert(sum);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type='text' id='nbr'/>
<input type='text' id='test'/>
<p>Click for test</p>