javascript - javascriptを使用してASPですべてのチェックボックスを選択する機能を実装します

Question

aspで学生の記録を表示するテーブルがあります。そのテーブルの列にはチェックボックスが含まれており、すべてのチェックボックスをチェックする機能も上部に提供されます。JavaScriptを使用してそれを行う方法は？

Answer 1

デモを見る

$(function(){

    // add multiple select / deselect functionality
    $("#selectall").click(function () {
          $('.case').attr('checked', this.checked);
    });

    // if all checkbox are selected, check the selectall checkbox
    // and viceversa
    $(".case").click(function(){

        if($(".case").length == $(".case:checked").length) {
            $("#selectall").attr("checked", "checked");
        } else {
            $("#selectall").removeAttr("checked");
        }

    });
});​

Answer 2

リンクを任意の場所に定義し、そのイベントを取得して、checked プロパティを使用します

<a href="#" rel="checkedBoxes">Check All Boxes</a>
<a href="#" rel="uncheckedBoxes">Uncheck all Boxes</a>

<script>
   $(function() {
      $("a[rel=checkedBoxes]").live("click", function(eV) {
          eV.preventDefault();
          $("form input:checkbox").attr("checked", "checked");
      }
      $("a[rel=uncheckedBoxes]").live("click", function(eV) {
          eV.preventDefault();
          $("form input:checkbox").attr("checked", "");
      }

   });
</script>