asp.net程序中實現checkbox全選代碼_.Net教程

推薦：解析五種ADO.NET數據庫連接知識
ADO.NET提供了多種對象模型，比較典型的以下有五種，它們全部歸類在System.Data.SqlClient名稱空間下。 一、SqlConnection對象 ADO.NET使用SqlConnection對象與SQLServer進行連接。連接字符串的常用形式有兩種： 1.使用Windows集成安全身份認證，例如：strin

    程序開發中經常會要用到checkbox的全選，通常情況下是在一些數據綁定控件中如gridview 等 。下面以repeater 為例，在repeater的header 和item中放入checkbox控件 

<asp:Repeater ID="rptGroup" runat="server">              <HeaderTemplate>                  <table width="100%" cellspacing="1" class="tab">                      <tr>                          <td width="3%" align="center" class="td-01"><input type="checkbox" id="chkAll" name="chkAll" value="checkbox" onclick="checkAll(’chkAll’,this);" />        </td>                      </tr>              </HeaderTemplate>              <ItemTemplate>                  <tr>                  <td align="center" ><input type="checkbox" name="chkSelect" value=’<%# Eval("ID") %>’  onclick="checkAll(’chkAll’,this);"/></td>                  </tr>              </ItemTemplate>              <FooterTemplate>                  </table>              </FooterTemplate>          </asp:Repeater>

下面就是js腳本了
checkAll方法是實現checkbox的全選和取消全選的 

function checkAll(chkAllID,thisObj)  {      var chkAll = document.getElementById(chkAllID);      var chks = document.getElementsByTagName("input");      var chkNo = 0;      var selectNo = 0;      for(var i =0; i < chks.length; i++)      {         if(chks[i].type == "checkbox")         {            //全選觸發事件              if(chkAll == thisObj)            {               chks[i].checked = thisObj.checked;                         }                      //非全選觸發            else            {              if(chks[i].checked && chks[i].id != chkAllID)               selectNo++;            }            if(chks[i].id != chkAllID)            {              chkNo++;            }         }      }       if(chkAll != thisObj)      {          chkAll.checked = chkNo==selectNo;      }  }

checkSelectNo 函數是用來獲取 所有checkbox 選中的個數 這個在用來判斷 是否有勾選時非常有用。

function checkSelectNo(chkAllID)  {      var chks = document.getElementsByTagName("input");      var selectNo =0;      for(var i =0; i < chks.length; i++)      {         if(chks[i].type == "checkbox")         {              if(chks[i].id != chkAllID && chks[i].checked)              {                  selectNo++;              }         }      }        return selectNo;  }

分享： 解析網頁中添加新浪天氣預報的幾種方法
1.利用新浪提供給的iframe直接嵌入，這種方式非常的簡單，但是卻沒有交互性。代碼如下： iframeframeborder=0src=http://php.weather.sina.com.cn/widget/weather.phpscrolling=nowidth=246height=360/iframe 2.抓取當天的天氣，以指定格式輸出。