jquery - 将 jQuery 链接到按钮

Question

我有以下 jQuery 脚本，用于检查和取消选中表中的所有复选框（有四个表，每个表都需要一个）。

$("#TAB1-check").click(function() {
    $(".TAB1").attr('checked', this.checked);
});

如何将其链接到名为“TAB1-check”的按钮？

<input type="button" value="Check All" id="TAB1-check" class="TAB1"/> 

任何帮助将不胜感激。

Answer 1

您不能this.checked在按钮上使用。您需要一些其他变量来指示是否应选中复选框。

Answer 2

试试这个：小提琴

<input type="button" value="Un-check All" id="TAB1-check" class="TAB1" />
    <input type="checkbox" class="TAB1" />
    <script>
        $("#TAB1-check").click(function () {
            var value = $(this).val();
            if (value == "Check All") {
                $(".TAB1").attr('checked', true);
                $(this).val("Un-check All");
            }
            else if(value == "Un-check All") {
                $(".TAB1").attr('checked', false);
                $(this).val("Check All");
            }
        });
    </script>

当然this.checked不会button像其他人所说的那样与 a 一起工作，因此您将不得不对脚本进行一些更改。

Answer 3

如果你使用

<button type="button" id="TAB1-check" class="TAB1">Check all</button>

该按钮的工作原理与锚点几乎相同。（不会提交）