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

这个问题在这里已经有了答案:

  • 设置“检查”的复选框与jQuery? 38个答案

  • 尝试这个:

    JS

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

    小提琴


    实际上,一旦你点击复选框,第一个if总是正确的。 因此,所有的checkebox都会被取消选中(包括您点击的那个)。

    我假设你想要这样的行为: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);
          };     
        });
    });
    

    BTW。 输入中没有label 属性 。 除非您使用一些使用它创建实际label 标签的框架,否则您应该修复此问题。


    我认为你需要这个简单的代码:

    $('document').ready( function() {
    $('.check_boxes').click( function() {
      if ( $(':checkbox').prop('checked')) {
        $(':checkbox').prop('checked', true);
      } else {
        $(':checkbox').prop('checked', false);
      }     
     });
    });
    
    链接地址: http://www.djcxy.com/p/12259.html

    上一篇: Check / Uncheck Input Boxes with Jquery

    下一篇: jquery button to uncheck checkboxes