0

テーブル内のすべてのチェックボックスをオンおよびオフにするために使用している次のjQueryスクリプトがあります（4つのテーブルがあり、テーブルごとに1つ必要です）。

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

これを「TAB1-check」というボタンにリンクするにはどうすればよいですか?

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

どんな助けでも大歓迎です。

4

3 に答える 3

1

これを試してください：フィドル

<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ので、スクリプトにいくつかの変更を加える必要があります。

于 2013-05-27T07:37:59.397 に答える
1

使用する場合

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

ボタンはアンカーとほぼ同じように機能します。（提出はありません）

于 2013-05-27T07:38:43.637 に答える