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

试试这个：fiddle

<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，所以你必须对你的剧本进行一些修改。

Answer 3

如果您使用

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

按钮的工作方式几乎与锚点相同。（将不会提交）

将jQuery链接到Button

3 个答案: