在dataGrid第1列附加CheckBox的實例代碼

2011/6/10 15:00:25  出處：本站   人氣：26次    字號：小  中  大

本文提供給大家分享的是關于在 dataGrid上的第一列加上CheckBox 的實例代碼分享，希望能給大家帶來幫助和啟發。

全選/反選：
  <input type="checkbox" name="selAll" onclick="SelectAll(this,'DataGrid1',0);">全選/反選
  注SelectAll參數說明：
   DataGrid1:為DataGrid的ID
   0:為checkbox在Datagrid中的列位置：從0開始,不顯示出來的列不算
  
   function SelectAll(cur,obj,item)
  {
  var boolSel = false;
  if(cur.checked) boolSel=true;
  var objTBChildren = document.all(obj).children;
  for(var i=1; i<objTBChildren.length; i++)
  {
  if(objTBChildren[i].tagName=="TBODY")
  {
  var objTRS = objTBChildren[i].children;
  for(var i=0; i<objTRS.length; i++)
  {
   try{
  var objTDS = objTRS[i].children;
  var chkCtrls = objTDS[item].children;
  chkCtrls[0].checked = boolSel;
   }catch(e){}
  }
  }
  }
  }
  
  
  
  private void dgMission_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
  {
  if (e.Item.ItemIndex > -1)
  {
  ((CheckBox)e.Item.Cells[0].FindControl("chkName")).Attributes.Add("onclick","changecolor(this)");
  }
  }
  
  
  <script language="java script">
  function changecolor(sender)
  {
  var temp=sender.parentElement;
  while(temp.tagName != 'TR')
  {
  temp=temp.parentElement;
  }
  if(temp!=null)
  {
  temp.style.backgroundColor='Green';
  }
  }
  </script>