Question

我在Laravel 5.4中做了一个仪表板，我有一个带有几个复选框的表。我需要在每次选择1时进行计数，并在旁边显示结果。

基本上我必须实时计算。我有2行，我必须单独计算它们，所以我有单独的类

我尝试了一些事情，但没有任何作用。

预先感谢您提供有关如何执行此操作的帮助和想法，请在下面留下我的复选框的代码。

{!! Form::checkbox('dente[]', $dente->id, null, ['class'=>'denteCheck-up'] ) !!}

{!! Form::checkbox('dente[]', $dente->id, null, ['class'=>'denteCheck-down'] ) !!}

在jquery中，我尝试过+/-这个

$('.denteCheck-up').change(function(){ });

$('.denteCheck-down').change(function(){ });

我试图让结果显示在这里

<td id="count_dentes_up"></td>

<td id="count_dentes_down"></td>

Answer 1

您可以使用:checked选择器和长度函数，如：

  $('#count_dentes_up').text($('.denteCheck-up:checked').length);
  $('#count_dentes_down').text($('.denteCheck-down:checked').length);

希望这有帮助。

＆＃13;

$('.denteCheck-up').change(function() {
  $('#count_dentes_up').text($('.denteCheck-up:checked').length);
});

$('.denteCheck-down').change(function() {
  $('#count_dentes_down').text($('.denteCheck-down:checked').length);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table>
  <tr>
    <td>
      <input type="checkbox" class='denteCheck-up' /> +
      <br>
      <input type="checkbox" class='denteCheck-up' /> +
      <br>
      <input type="checkbox" class='denteCheck-up' /> +
      <br>
      <input type="checkbox" class='denteCheck-up' /> +
      <br>
      <input type="checkbox" class='denteCheck-up' /> +
    </td>
    <td>
      <input type="checkbox" class='denteCheck-down' /> -
      <br>
      <input type="checkbox" class='denteCheck-down' /> -
      <br>
      <input type="checkbox" class='denteCheck-down' /> -
      <br>
      <input type="checkbox" class='denteCheck-down' /> -
      <br>
      <input type="checkbox" class='denteCheck-down' /> -
    </td>
  </tr>
  <tr>
    <td id="count_dentes_up"></td>
    <td id="count_dentes_down"></td>
  </tr>
</table>

＆＃13;

如何使用jQuery计算复选框？

1 个答案: