javascript - 使用 Jquery 检查/取消检查输入框

标签 javascript jquery

<分区>

我一直在浏览帖子试图找到答案,但没有任何运气,所以希望有人能指出我正确的方向。

当我使用以下代码时,它会选中所有输入框并取消选中它们。但是,如果我再次单击全部检查,它不会全部检查。这是为什么?

JQuery

  $('document').ready( function() {
    $('.check_boxes').click( function() {
      if ( $(':checkbox').attr('checked')) {
        $(':checkbox').attr('checked', false);
      } else {
        $(':checkbox').attr('checked', true);
      }     
    });
});

HTML

<input type="checkbox" class="check_boxes" id="check_all" />

最佳答案

试试这个:

js

  $('document').ready( function() {
    $('.check_boxes').click( function() {
      if ( $('input:checkbox').prop('checked')) {
        $('input:checkbox').prop('checked', true);
      } else {
        $('input:checkbox').prop('checked', false);
      }     
    });
});

fiddle

关于javascript - 使用 Jquery 检查/取消检查输入框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24541258/

相关文章:

jquery - 如何使用 jQuery 选择第一次出现的每个具有特定属性唯一值的复选框?

javascript - 如何在约束 div 内将溢出的图像居中

javascript - 绝对定位时 IE 中的工具提示闪烁

javascript - 与谷歌地图 API 的标记数组作斗争

jquery:鼠标悬停加载状态

javascript - 使用 jQuery 动态替换 <tr> 及其包含的元素

javascript - 如何解决流中的 promise ?

javascript - 在 switch 条件下使用 float 不起作用,为什么?

javascript - 通过 jquery.get() 将 php 数组传递给脚本

jquery - 修改jquery函数