blogjava's web log

          blogjava's web log
          ...

          GridView checkBox列全選

          <form id="form1" runat="server">
          <div>
          <asp:GridView ID="gvCategories" runat="server" AutoGenerateColumns="false">
          <Columns>
          <asp:TemplateField>
               <HeaderTemplate>Select All
                     <input type="checkbox" id="chkAll" name="chkAll" onclick="Check(this,'^gvCategories')"/>
                 </HeaderTemplate>
          <ItemTemplate>
          <asp:CheckBox ID="chkSelect" runat="server" />
          </ItemTemplate>
          </asp:TemplateField>
           
          <asp:TemplateField HeaderText="Category Name">
          <ItemTemplate>
          <asp:Literal ID="litCategoryName" runat="server" Text = '<%# Eval("CategoryName") %>' />
          </ItemTemplate>
           
          </asp:TemplateField>
          </Columns>
          </asp:GridView>
          <asp:GridView ID="gvProducts" runat="server" AutoGenerateColumns="false">
          <Columns>
          <asp:TemplateField>
          <HeaderTemplate>
          Select All
          <input type="checkbox" id="chkAll" name="chkAll" onclick="Check(this,'^gvProducts')"/>
          </HeaderTemplate>
          <ItemTemplate>
          <asp:CheckBox ID="chkSelect" runat="server" />
          </ItemTemplate>
          </asp:TemplateField>
          <asp:TemplateField HeaderText="Product Name">
          <ItemTemplate>
          <asp:Literal ID="litProductName" runat="server" Text = '<%# Eval("ProductName") %>' />
          </ItemTemplate>
          </asp:TemplateField>
          </Columns>
          </asp:GridView>
          </div>
           
          <script language="javascript" type="text/javascript">
          //var pattern = '^gvCategories';
          function Check(parentChk, pattern)
          {
          var elements = document.getElementsByTagName("INPUT");
          for(i=0; i<elements.length;i++)
          {
            if(parentChk.checked == true)
          {
          if( IsCheckBox(elements[i]) && IsMatch(elements[i].id, pattern))
          {
          elements[i].checked = true;
          }
          }
          else
          {
          if( IsCheckBox(elements[i]) && IsMatch(elements[i].id, pattern))
          {
          elements[i].checked = false;
          }
          }
          }
          }
           
          function IsMatch(id, pattern)
          {
          var regularExpression = new RegExp(pattern);
          return id.match(regularExpression);
          }
          function IsCheckBox(chk)
          {
          return (chk.type == 'checkbox');
          }
          </script>
          </form>
          </body>
          </html>

          posted on 2007-05-12 22:03 record java and net 閱讀(3452) 評論(1)  編輯  收藏

          評論

          # re: GridView checkBox列全選[未登錄] 2009-03-11 16:11

          謝謝,管用。比我以前的刷新頁面的方式好多了。謝謝。  回復  更多評論   


          只有注冊用戶登錄后才能發表評論。


          網站導航:
           

          導航

          常用鏈接

          留言簿(44)

          新聞檔案

          2.動態語言

          3.工具箱

          9.文檔教程

          友情鏈接

          搜索

          最新評論

          主站蜘蛛池模板: 礼泉县| 惠安县| 秀山| 弥勒县| 乌拉特中旗| 驻马店市| 大足县| 广东省| 积石山| 万山特区| 阿勒泰市| 沭阳县| 焦作市| 昌乐县| 毕节市| 盐津县| 都匀市| 荆州市| 余干县| 石狮市| 聊城市| 利辛县| 东海县| 哈巴河县| 和龙市| 林芝县| 长垣县| 太仓市| 通渭县| 来宾市| 娄烦县| 乡城县| 海城市| 娄底市| 锡林郭勒盟| 城口县| 洛南县| 高邮市| 黔江区| 卓尼县| 八宿县|