如何在 dataGrid 上的第一列加上 CheckBox,当选中某行的 CheckBox 后,那一行的 datagrid 变为绿色。
2005-07-26 09:46
399 查看
全选/反选:
<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="javascript">
function changecolor(sender)
{
var temp=sender.parentElement;
while(temp.tagName != 'TR')
{
temp=temp.parentElement;
}
if(temp!=null)
{
temp.style.backgroundColor='Green';
}
}
</script>
<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="javascript">
function changecolor(sender)
{
var temp=sender.parentElement;
while(temp.tagName != 'TR')
{
temp=temp.parentElement;
}
if(temp!=null)
{
temp.style.backgroundColor='Green';
}
}
</script>
相关文章推荐
- 如何在 dataGrid 上的第一列加上 CheckBox
- 实现DataGrid前有一个CheckBox,并且只能选中一行.
- ASP.NET DEMO 10: 如何通过 javascript 访问 GridView/DataGrid 选中 CheckBox 行各列的值
- Wpf Datagrid 设置了模板 checkbox 如何一次选中,单击就选中。默认是要双击才得
- 如何通过 javascript 访问 GridView/DataGrid 选中 CheckBox 行各列的值
- 如何让DataGrid选中一行,而不是单元格
- js如何知道checkbox是否被选中,并且选中的话让input元素变为不可编辑
- 【转帖】如何通过 javascript 访问 GridView/DataGrid 选中 CheckBox 行各列的值
- DataGrid中添加新的一行,如何获取第一列TextBox的焦点?
- ASP.NET DEMO 10: 如何通过 javascript 访问 GridView/DataGrid 选中 CheckBox 行各列的值
- silverlight中如何选中datagrid中一行并处理该行
- jqery和js如何判断checkbox是否选中
- easyui datagrid 分页保持checkbox选中状态
- flexigrid 如何加上 checkbox
- MFC如何让ListCtrl的CheckBox只有一个处于选中状态
- Android中ListView如何获取列表中选中的CheckBox
- jsp网页中如何选中一行,使其高亮
- 根据DataGrid中CheckBox是否选中,确定Button是否可操作!
- jquery-easyui的datagrid在checkbox多选时,行选中不对应,去除高亮的解决方法
- 解决datagrid的checkbox选中事件和行选中事件,同时去除高亮