在页面HTML中加入一个 <input id="eleValue" type="hidden" runat ="server"/>
<Head> 里面加下面的代码.
<
script language
=
"
javascript
"
type
=
"
text/javascript
"
>
function checkbox_onchange()
... {
var tb = document.getElementById("GridView1");
var eleValue = document.getElementById("eleValue");
for(var i=1;i<tb.rows.length-1;i++)
...{
var chk = tb.rows[i].cells[0].firstChild;
var id = tb.rows[i].cells[2].innerText;
eleValue.value = eleValue.value.replace(id+ ",","");
if(chk.checked)
...{
eleValue.value = eleValue.value + id+ ",";
}
}
}
</ script >
function checkbox_onchange()
... {
var tb = document.getElementById("GridView1");
var eleValue = document.getElementById("eleValue");
for(var i=1;i<tb.rows.length-1;i++)
...{
var chk = tb.rows[i].cells[0].firstChild;
var id = tb.rows[i].cells[2].innerText;
eleValue.value = eleValue.value.replace(id+ ",","");
if(chk.checked)
...{
eleValue.value = eleValue.value + id+ ",";
}
}
}
</ script >
<
script language
=
'
javascript
'
type
=
"
text/javascript
"
>
SetCheckBoxStatus();
function SetCheckBoxStatus()
... {
var tb = document.getElementById("GridView1");
var eleValue = document.getElementById("eleValue").value;
for(var i=1;i<tb.rows.length-1;i++)
...{
var chk = tb.rows[i].cells[0].firstChild;
if(eleValue.indexOf(tb.rows[i].cells[2].innerText)>-1)
...{
chk.checked = true;
}
}
}
</ script >
SetCheckBoxStatus();
function SetCheckBoxStatus()
... {
var tb = document.getElementById("GridView1");
var eleValue = document.getElementById("eleValue").value;
for(var i=1;i<tb.rows.length-1;i++)
...{
var chk = tb.rows[i].cells[0].firstChild;
if(eleValue.indexOf(tb.rows[i].cells[2].innerText)>-1)
...{
chk.checked = true;
}
}
}
</ script >
其中 var chk = tb.rows[i].cells[0].firstChild 这里0 是你checkbox在你gv中的列索引,从0开始。
在checkbox中加入 onclick 事件
如下:
<
asp:TemplateField
>
< ItemTemplate >
< input id = " Checkbox1 " type = " checkbox " onclick = " checkbox_onchange() " />
</ ItemTemplate >
</ asp:TemplateField >
< ItemTemplate >
< input id = " Checkbox1 " type = " checkbox " onclick = " checkbox_onchange() " />
</ ItemTemplate >
</ asp:TemplateField >