使用Jquery选中/取消选中输入框

31 浏览
0 Comments

使用Jquery选中/取消选中输入框

这个问题已经有了答案：

使用jQuery设置复选框的“checked”

我一直在查找帖子，试图找到答案，但没有成功，希望有人能指导我。

当我使用以下代码时，它选中了所有的输入框并将它们取消选中。但是，如果我再次点击“全部选中”，它不会全部选中。为什么呢？

JQuery

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

HTML

admin 更改状态以发布 2023年5月23日
0

2 答案

0 Comments

实际上，一旦您单击复选框，第一个 if 语句总是为 true。因此，所有复选框都将取消选择（包括您单击的那个）。

我假设您想要这种行为：
http://jsfiddle.net/vhLMN/18/

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

顺便说一句，输入框上没有

0
0 Comments

试试这个：

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

0