脚本实现全选GridView中的CheckBox
来源:互联网 发布:淘宝出售二手闲置衣服 编辑:程序博客网 时间:2024/05/18 02:27
今天终于实现了全选CheckBox而不用AJAX或者回传事件,省时又效率
全选和全不选,不会出现选中的项目全选时却不选的情况
前台代码如下:
GridView代码:
<asp:GridView ID="gv" runat="server" AutoGenerateColumns="False" Width="100%" DataKeyNames="PermitID" >
<Columns>
<asp:TemplateField>
<HeaderTemplate>
<input id="CheckAll" type="checkbox" onclick="selectAll(this);" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" ID="checkbox" />
</ItemTemplate>
<ItemStyle Width="100px" />
</asp:TemplateField>
<asp:BoundField DataField="PermitCode" HeaderText="权限代码" SortExpression="PermitCode" />
<asp:BoundField DataField="PermitName" HeaderText="权限名称" SortExpression="PermitName" />
</Columns>
<HeaderStyle CssClass="GVHeader" />
<AlternatingRowStyle CssClass="GVAlternatingRow" />
<RowStyle CssClass="GVRow" />
<PagerStyle CssClass="GVPage" />
<PagerSettings Visible="False" />
</asp:GridView>
其发挥作用的脚本如下:
<script type="text/javascript">
function selectAll(obj)
{
var theTable = obj.parentElement.parentElement.parentElement;
var i;
var j = obj.parentElement.cellIndex;
for(i=0;i<theTable.rows.length;i++)
{
var objCheckBox = theTable.rows[i].cells[j].firstChild;
if(objCheckBox.checked!=null)objCheckBox.checked = obj.checked;
}
}
</script>
- 脚本实现全选GridView中的CheckBox
- Gridview中的添加CheckBox实现全选
- Jquery实现操作Gridview中的Checkbox全选
- 关于GridView中的CheckBox全选,取消一段JavaScript脚本
- GridView使用CheckBox实现全选
- GridView CheckBox 实现全选,跨页 CheckBox选择
- js :全选gridview中的asp:checkbox
- js控制gridview 中的checkbox 全选
- GridView中的CheckBox的全选,全不选
- js控制Gridview中的checkbox全选(转)
- js控制Gridview中的checkbox全选
- GridView中如何实现CheckBox的全选?
- GridView中实现CheckBox的全选
- GridView中实现CheckBox的全选
- GridView中实现CheckBox的全选
- GridView中实现CheckBox的全选
- GridView 添加checkBox 实现全选功能
- C#实现GridView中checkbox 全选
- SQL常用字符函数(续)
- 在UDP套接口编程中使用connect
- "expected function body after function declarator"问题的解决
- spring终结篇 -- 使用spring web应用程序配置
- msp430串行通信模块(异步模式)
- 脚本实现全选GridView中的CheckBox
- 用C#生成不重复的随机数
- 作业中访问远程服务器出现错误
- Qtwebview关闭滚动条
- Mac机子上配置Yii框架
- linux文件合并,去重复
- 最精确的硬盘整数分区方法(转自中国教程网)
- 51单片机移植UCOS-II的方法与改进
- 程序员10个层次