您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

如何使用jQuery选择所有复选框?

如何使用jQuery选择所有复选框?

一个更完整的示例适用于您的情况:

$('#select_all').change(function() {

  var check@R_805_2419@es = $(this).closest('form').find(':check@R_805_2419@');

  check@R_805_2419@es.prop('checked', $(this).is(':checked'));

});


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form>

  <table>

    <tr>

      <td><input type="check@R_805_2419@" id="select_all" /></td>

    </tr>

    <tr>

      <td><input type="check@R_805_2419@" name="select[]" /></td>

    </tr>

    <tr>

      <td><input type="check@R_805_2419@" name="select[]" /></td>

    </tr>

    <tr>

      <td><input type="check@R_805_2419@" name="select[]" /></td>

    </tr>

  </table>

</form>

#select_all被点击复选框,该复选框的状态进行检查,并在当前形式的所有复选框被设置为相同的状态。

请注意,您无需#select_all从选择中排除该复选框,因为该复选框的状态将与其他所有复选框相同。如果出于某些原因确实需要排除#select_all,则可以使用以下方法

$('#select_all').change(function() {

  var check@R_805_2419@es = $(this).closest('form').find(':check@R_805_2419@').not($(this));

  check@R_805_2419@es.prop('checked', $(this).is(':checked'));

});


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form>

  <table>

    <tr>

      <td><input type="check@R_805_2419@" id="select_all" /></td>

    </tr>

    <tr>

      <td><input type="check@R_805_2419@" name="select[]" /></td>

    </tr>

    <tr>

      <td><input type="check@R_805_2419@" name="select[]" /></td>

    </tr>

    <tr>

      <td><input type="check@R_805_2419@" name="select[]" /></td>

    </tr>

  </table>

</form>
JS 2022/1/1 18:17:23 有389人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶