关于JavaScript方法,设置GridView中首项CheckBox勾选,整列全部勾选
16lz
2021-01-22
页面中:
<asp:GridViewID="gvMain"....>
<Columns>
<asp:TemplateField>
<HeaderTemplate>
<asp:CheckBoxID="chkSelectAll"runat="server"Text="SelectAll"onClick="selectAll(this,'chkSelect')"/>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBoxID="chkSelect"runat="server"/>
</ItemTemplate>
</asp:TemplateField>
....
JavaScript部分:
<scripttype="text/javascript"language="javascript">
functionselectAll(inputControl,inputControlID){
vargv=document.getElementById("<%=gvMain.ClientID%>");
varintRowCount=gv.rows.length;
varvarGridViewId=gv.id;
for(vari=1;i<intRowCount;i++){
varvarIndex=i>8?(i+1):'0'+(i+1);
varvarItemControl=document.getElementById(varGridViewId+'_ctl'+varIndex+'_'+inputControlID);
//有分页的时候需比无分页的情况少一行
if(varItemControl==null){
continue;
}
else{
if(varItemControl.type=="checkbox"){
varItemControl.checked=inputControl.checked;
}
}
}
}
</script>
功能已经实现求varvarItemControl=document.getElementById(varGridViewId+'_ctl'+varIndex+'_'+inputControlID);
代码解释
哥们,用jquery的反选简单多了
<asp:GridViewID="gvMain"....>
<Columns>
<asp:TemplateField>
<HeaderTemplate>
<asp:CheckBoxID="chkSelectAll"runat="server"Text="SelectAll"onClick="selectAll(this,'chkSelect')"/>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBoxID="chkSelect"runat="server"/>
</ItemTemplate>
</asp:TemplateField>
....
JavaScript部分:
<scripttype="text/javascript"language="javascript">
functionselectAll(inputControl,inputControlID){
vargv=document.getElementById("<%=gvMain.ClientID%>");
varintRowCount=gv.rows.length;
varvarGridViewId=gv.id;
for(vari=1;i<intRowCount;i++){
varvarIndex=i>8?(i+1):'0'+(i+1);
varvarItemControl=document.getElementById(varGridViewId+'_ctl'+varIndex+'_'+inputControlID);
//有分页的时候需比无分页的情况少一行
if(varItemControl==null){
continue;
}
else{
if(varItemControl.type=="checkbox"){
varItemControl.checked=inputControl.checked;
}
}
}
}
</script>
功能已经实现求varvarItemControl=document.getElementById(varGridViewId+'_ctl'+varIndex+'_'+inputControlID);
代码解释
14 个解决方案
#1
哥们,用jquery的反选简单多了
更多相关文章
- 【问题解决方案】ImportError: No module named 'pygal'
- Python 黏包及黏包解决方案
- 无法安装ndg-httpsclient或者我的解决方案错误
- Linux无法连接网络解决方案
- Media-S 简介(一个开源的DRM解决方案)
- AppScan安全问题解决方案
- PLSQL乱码解决方案
- 数据库不支持中文解决方案(mysql)
- Mysql替代解决方案Cassandra