开发学院WEB开发ASP.NET DataGrid 的 全选/取消全选 控制(CheckBox) 阅读

DataGrid 的 全选/取消全选 控制(CheckBox)

 2006-04-07 17:04:59 来源:WEB开发网 闂傚倸鍊搁崐鎼佸磹妞嬪孩顐芥慨姗嗗厳缂傛氨鎲稿鍫罕闂備礁婀遍搹搴ㄥ窗閺嶎偆涓嶆い鏍仦閻撱儵鏌i弴鐐测偓鍦偓姘炬嫹闂傚倸鍊搁崐鎼佸磹妞嬪海鐭嗗〒姘e亾妤犵偛顦甸弫鎾绘偐閹绘帞鈧參姊哄Ч鍥х仼闁诲繑鑹鹃悾鐑藉蓟閵夛妇鍘甸梺瑙勵問閸犳牠銆傛總鍛婄厱閹艰揪绱曟牎闂侀潧娲ょ€氫即鐛幒妤€绠f繝闈涘暙娴滈箖鏌i姀鈶跺湱澹曟繝姘厵闁绘劦鍓氶悘杈ㄤ繆閹绘帞澧涚紒缁樼洴瀹曞崬螖閸愬啠鍓濈换娑樼暆婵犱胶鏁栫紓浣介哺閹瑰洤鐣烽幒鎴僵闁瑰吀鐒﹂悗鎼佹⒒娴g儤鍤€闁搞倖鐗犻獮蹇涙晸閿燂拷濠电姷鏁告慨鐑藉极閸涘﹥鍙忔い鎾卞灩缁狀垶鏌涢幇闈涙灈鐎瑰憡绻冮妵鍕箻鐎靛摜鐣奸梺纭咁潐濞茬喎顫忕紒妯肩懝闁逞屽墮宀h儻顦查悡銈夋煏閸繃鍋繛宸簻鎯熼梺瀹犳〃閼冲爼宕濋敃鈧—鍐Χ閸℃鐟愰梺鐓庡暱閻栧ジ宕烘繝鍥у嵆闁靛骏绱曢崢顏堟⒑閹肩偛鍔楅柡鍛⊕缁傛帟顦寸紒杈ㄥ笚濞煎繘鍩℃担閿嬵潟闂備浇妗ㄩ悞锕傚箲閸ヮ剙鏋侀柟鍓х帛閺呮悂鏌ㄩ悤鍌涘闂傚倸鍊搁崐鎼佸磹妞嬪孩顐芥慨姗嗗厳缂傛氨鎲稿鍫罕闂備礁婀遍搹搴ㄥ窗閺嶎偆涓嶆い鏍仦閻撱儵鏌i弴鐐测偓鍦偓姘炬嫹  闂傚倸鍊搁崐鎼佸磹閻戣姤鍤勯柤鍝ユ暩娴犳氨绱撻崒娆掑厡缂侇噮鍨堕妴鍐川閺夋垹鍘洪悗骞垮劚椤︻垶宕¢幎鑺ョ厪闊洦娲栨牎闂佽瀵掗崜鐔奉潖閾忓湱纾兼俊顖氭惈椤矂姊虹拠鑼婵ǜ鍔戦崺鈧い鎺嶇閸ゎ剟鏌涢幘璺烘瀻妞ゎ偄绻愮叅妞ゅ繐瀚悗顓烆渻閵堝棙绀€闁瑰啿閰e畷婊勫鐎涙ǚ鎷洪梻渚囧亞閸嬫盯鎳熼娑欐珷妞ゆ柨澧界壕鐓庮熆鐠虹尨鍔熺紒澶庢閳ь剚顔栭崰鏍€﹂柨瀣╃箚婵繂鐭堝Σ鐑芥⒑缁嬫鍎愰柟鐟版搐铻為柛鎰╁妷濡插牊绻涢崱妤冪婵炲牊锕㈠缁樻媴妞嬪簼瑕嗙紓鍌氱М閸嬫挻绻涚€涙ḿ鐭ら柛鎾跺枛瀹曟椽鍩€椤掍降浜滈柟鐑樺灥閳ь剙缍婂鎶筋敆閸曨剛鍘遍柣搴秵娴滅兘鐓鍌楀亾鐟欏嫭纾婚柛妤€鍟块锝夊磹閻曚焦鞋闂備礁鎼Λ瀵哥不閹捐钃熼柕濞炬櫆閸嬪棝鏌涚仦鍓р槈妞ゅ骏鎷�
核心提示:DataGrid控件:<Columns> <asp:TemplateColumn> <HeaderStyle Width="10px"></HeaderStyle> <HeaderTemplate> <INPUT id="

DataGrid控件:

<Columns>
     <asp:TemplateColumn>
     <HeaderStyle Width="10px"></HeaderStyle>
     <HeaderTemplate>
      <INPUT id="CheckAll" name="CheckAll" type="checkbox" >
     </HeaderTemplate>
     <ItemTemplate>
      <asp:CheckBox id="CheckBox1" runat="server"></asp:CheckBox>
     </ItemTemplate>
     </asp:TemplateColumn>
     <asp:TemplateColumn HeaderText="序号">
     <HeaderStyle Wrap="False"></HeaderStyle>
     <ItemTemplate>
      <asp:Label runat="server" ID="labNO"></asp:Label>
     </ItemTemplate>
     </asp:TemplateColumn>

javaScript函数:

var checkFlag = true;
    function ChooseAll()
    {
       //if( !document.all("CheckAll").Checked ) // 全选 
       if( checkFlag ) // 全选 
      {
          var inputs = document.all.tags("INPUT");
          for (var i=0; i < inputs.length; i++) // 遍历页面上所有的 input
          {
            if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll" )
            {
               inputs[i].checked = true;
            }  
          }
          checkFlag = false;
       }
       else  // 取消全选
       {
          var inputs = document.all.tags("INPUT");
          for (var i=0; i < inputs.length; i++) // 遍历页面上所有的 input
          {
            if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll" )
            {
               inputs[i].checked = false;
            }  
          }
          checkFlag = true;
       }
    }

  // <summary>
    // 让用户加以确认删除数据。
    // </summary>
    function DelRec()
    {
       var inputs = document.all.tags("input");
       var selectedLen = 0;
       for( var i=0;i < inputs.length; i ++)
       {
          if(inputs[i].type == "checkbox")
          {
            if( inputs[i].checked )
            {
               if(inputs[i].id != "CheckAll")
               {
                 selectedLen ++;
               }
            }
          }
       }
       if( selectedLen == 0 )
       {
          alert("请先选择您要删除的数据!");
       }
       else
       {
          var flag = confirm("您确定要删除所选择的这 " + selectedLen + " 条数据吗?");
          if(flag)
          {
            document.all("BtnDelRecord").click(); 
          }
       }
    }

Tags:DataGrid 取消 控制

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接