如何通过选中/取消选中一个复选框来选中和取消选中html表中的所有复选框?

维克托里奥

我有一张桌子,上面有行,每行都有一个复选框,并且在处有一个主复选框thead我的代码:

<table border="1">
    <thead>
        <tr>
            <th><input type="checkbox" id="allcb" name="allcb"/></th>
            <th>values</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><input type="checkbox" id="cb1" name="cb1"/></td>
            <td>value1</td>
        </tr>
        <tr>
            <td><input type="checkbox" id="cb2" name="cb2"/></td>
            <td>value2</td>
        </tr>
        <tr>
            <td><input type="checkbox" id="cb3" name="cb3"/></td>
            <td>value3</td>
        </tr>
    </tbody>
</table>

(也在这里尝试

任何人都可以帮助我,如果我选中顶部的主复选框,该复选框将被选中;如果我取消选中主复选框,则所有复选框都将被选中。谢谢您的帮助!

Tushar Gupta-好奇

工作演示http://jsfiddle.net/xYAfj/2/

$('#allcb').change(function(){
    if($(this).prop('checked')){
        $('tbody tr td input[type="checkbox"]').each(function(){
            $(this).prop('checked', true);
        });
    }else{
        $('tbody tr td input[type="checkbox"]').each(function(){
            $(this).prop('checked', false);
        });
    }
});

短代码

工作演示http://jsfiddle.net/cse_tushar/4tss8/

$('#allcb').change(function () {
    $('tbody tr td input[type="checkbox"]').prop('checked', $(this).prop('checked'));
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

选中和取消选中复选框

来自分类Dev

选中和取消选中复选框

来自分类Dev

选中和取消选中复选框

来自分类Dev

取消选中一个复选框后如何启用所有复选框?使用JavaScript

来自分类Dev

如何选中和取消选中div中的所有复选框

来自分类Dev

如果选中了一个复选框,如何取消选中所有复选框?

来自分类Dev

如何将一个复选框添加到listcontrol列标题以选中和取消选中列表项的所有复选框?

来自分类Dev

如果选中一个复选框,如何取消选中另一个复选框?

来自分类Dev

如果选中一个复选框,如何取消选中另一个复选框?

来自分类Dev

选中/取消选中表中的所有复选框

来自分类Dev

选中/取消选中jQuery中的所有复选框

来自分类Dev

如何选中和取消选中复选框的加载功能?

来自分类Dev

通过选中和取消选中复选框来从数组中添加和删除值

来自分类Dev

取消选中其中一个复选框时,取消选中CheckboxAll

来自分类Dev

如何选中和取消选中所有复选框

来自分类Dev

如何通过单击包含复选框的div来选中/取消选中复选框?

来自分类Dev

如何取消选中除一个复选框之外的所有其他复选框?

来自分类Dev

选中另一个复选框后,取消选中该复选框

来自分类Dev

如果未选中一个孩子,则取消选中父复选框

来自分类Dev

仅选中一个复选框,然后取消选中其他复选框

来自分类Dev

在Gridview中选中一个复选框后,会选中(取消)多个复选框-Android

来自分类Dev

在Gridview中选中一个复选框后,会选中(取消)多个复选框-Android

来自分类Dev

选中/取消选中所有复选框

来自分类Dev

选中/取消选中所有复选框

来自分类Dev

选中或取消选中所有启用的复选框

来自分类Dev

jQuery复选框选中和取消选中悬停

来自分类Dev

wxPython选中和取消选中复选框

来自分类Dev

在选中和取消选中复选框时传递参数

来自分类Dev

逐行选中和取消选中复选框

Related 相关文章

  1. 1

    选中和取消选中复选框

  2. 2

    选中和取消选中复选框

  3. 3

    选中和取消选中复选框

  4. 4

    取消选中一个复选框后如何启用所有复选框?使用JavaScript

  5. 5

    如何选中和取消选中div中的所有复选框

  6. 6

    如果选中了一个复选框,如何取消选中所有复选框?

  7. 7

    如何将一个复选框添加到listcontrol列标题以选中和取消选中列表项的所有复选框?

  8. 8

    如果选中一个复选框,如何取消选中另一个复选框?

  9. 9

    如果选中一个复选框,如何取消选中另一个复选框?

  10. 10

    选中/取消选中表中的所有复选框

  11. 11

    选中/取消选中jQuery中的所有复选框

  12. 12

    如何选中和取消选中复选框的加载功能?

  13. 13

    通过选中和取消选中复选框来从数组中添加和删除值

  14. 14

    取消选中其中一个复选框时,取消选中CheckboxAll

  15. 15

    如何选中和取消选中所有复选框

  16. 16

    如何通过单击包含复选框的div来选中/取消选中复选框?

  17. 17

    如何取消选中除一个复选框之外的所有其他复选框?

  18. 18

    选中另一个复选框后,取消选中该复选框

  19. 19

    如果未选中一个孩子,则取消选中父复选框

  20. 20

    仅选中一个复选框,然后取消选中其他复选框

  21. 21

    在Gridview中选中一个复选框后,会选中(取消)多个复选框-Android

  22. 22

    在Gridview中选中一个复选框后,会选中(取消)多个复选框-Android

  23. 23

    选中/取消选中所有复选框

  24. 24

    选中/取消选中所有复选框

  25. 25

    选中或取消选中所有启用的复选框

  26. 26

    jQuery复选框选中和取消选中悬停

  27. 27

    wxPython选中和取消选中复选框

  28. 28

    在选中和取消选中复选框时传递参数

  29. 29

    逐行选中和取消选中复选框

热门标签

归档