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.文檔教程

          友情鏈接

          搜索

          最新評論

          主站蜘蛛池模板: 治县。| 双辽市| 光山县| 龙州县| 广宁县| 新密市| 平泉县| 乌苏市| 弋阳县| 班玛县| 克山县| 静安区| 夏津县| 辽阳县| 凌源市| 晋城| 峨山| 商都县| 高台县| 望谟县| 丰原市| 永清县| 龙陵县| 连城县| 乌兰浩特市| 鄂伦春自治旗| 大田县| 新源县| 睢宁县| 什邡市| 沁源县| 石城县| 巴塘县| 武宁县| 渝中区| 太原市| 上虞市| 泸水县| 奇台县| 白银市| 志丹县|