急！！！DataGrid问题！（恳请孟子，思归大哥等相助）（100分，分不够可以再加）

[skyfreedom1982]

datagrid中第一列是CheckBox，当选中某个CheckBox时，要求和这一行对应的第5个单元格的值相同的行选中并且变色（也就是说第5列有很多数据，但是有些数据是相同的，需要选中CheckBox时把所有值相同的（和选中的值）CheckBox全部选中并且变色），需要用javascript实现，因为对方不希望看到页面刷新，恳请大家提供帮助！感激不尽！！

[skyfreedom1982]

感谢LoveCherry，acco(天天)两位大哥，现在还有一个问题，如果是服务器控件的checkbox，这一句var t=td1.getElementsByTagName("input")应该怎么改？？

[skyfreedom1982]

还有就是没选中时变回去怎么弄？

[theodiact]

能否考虑使用GirdView,那个可以实现你的要求,而且零代码

[Small__Wolf]

function CheckOnChange(ctrl)
{
var trRow = ctrl.parentElement.parentElement;

if(trRow != null)
{
if(ctrl.checked)
trRow.setAttribute("bgcolor", "AliceBlue", 0);
else
trRow.setAttribute("bgcolor", "#ffffff", 0);
}
}


<input type=check onchange="CheckOnChange(this)" >



http://community.csdn.net/Expert/topic/4629/4629898.xml?temp=.9291498

[浩方软件HFWMS]

路过学习

[skyfreedom1982]

Small__Wolf()，您好！这段代码我会，但是现在实现的不是这个功能，请看清要求！！
大家支持一下啊!急啊！

[AlexJia2046]

顶一下，路过学习

[pgy8288]

眼里只有思归孟子~~~
无语

[skyfreedom1982]

pgy8288(一个月一平方==白日梦?)大哥，您好！眼里只有思归孟子，呵呵！其实谁会都一样，表示道歉！！谢谢！

[acco]

顶一下

[bookshop]

在Small__Wolf基础上循环下就Ok了

[SimpleDay]

不要求刷新。。。。。。DATAGRID 用JAVASCRIPT获得值。。。。。。
俺不会。

[LoveCherry]

晕，你自己查查资料不难吧，我写了一个不一定对哦

<input type="checkbox" onclick="Check('<%#DataBinder.Eval(Container.DataItem,"JobTitle")%>')" id="mycheckbox">

JobTitle就是你要绑定的那个字段

然后js：
function Check(data)
{

for(var i=0;i<DataGrid1.rows.length;i++)
{
var td1=DataGrid1.rows[i].cells[0];//checkbox所在列
var td2=DataGrid1.rows[i].cells[4];//第五列的值比较
if(td1)
{

var t=td1.getElementsByTagName("input");
if(t.length)
{
t[0].checked=false;
td2.setAttribute("bgcolor", "white", 0);//默认颜色
if(td2.innerText==data)
{
t[0].checked=true;
td2.setAttribute("bgcolor", "red", 0);//变化颜色
}
}
}
}
}

[skyfreedom1982]

现在就是怎么通过javascript循环获得datagrid的值，有没有哪位大哥知道？？

[LoveCherry]

都写给你了，你自己看啊

[acco]

<input type="checkbox" onclick="Check('<%#DataBinder.Eval(Container.DataItem,"JobTitle")%>')" id="mycheckbox">

JobTitle就是你要绑定的那个字段

然后js：
function Check(data)
{
for(var i=0;i<DataGrid1.rows.length;i++)
{
var td1=DataGrid1.rows[i].cells[0];//checkbox所在列
var td2=DataGrid1.rows[i].cells[2];//第五列的值比较
var td3=DataGrid1.rows[i];//整行颜色改变
if(td1)
{
var t=td1.getElementsByTagName("input");
if(t.length)
{
t[0].checked=false;
//td2.setAttribute("bgcolor", "white", 0);//默认颜色
td3.style.backgroundColor="white";
if(td2.innerText==data)
{
t[0].checked=true;
//td2.setAttribute("bgcolor", "red", 0);//变化颜色
td3.style.backgroundColor="red";
}
}
}
}
}