今天终于实现了全选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>
分享到:
相关推荐
checkBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——js
C#_winform_GridView_CheckBox_多选_全选
HtML javascritp checkbox 全选HtML javascritp checkbox 全选
checkbox.html 博文链接:https://crazymud.iteye.com/blog/426702
asp.net GridView中的checkbox实现前台全选或取消全选
高级控件(datagridview等)中加入checkbox实现全选和反选经典例子
DataGridView表头添加checkbox实现全选反选
JQuery实现checkbox的全选取消全选
Jquery全选反选Checkbox 简单好用 复用性很好 欢迎下载
简单代码实现android的多选、全选、反选功能。介绍功能实现的全过程以及需要注意的地方。简单代码分享,希望能给大家带来一些帮助!
JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
winform DataGridView表头带CheckBox全选;winform DataGridView表头带CheckBox全选
GridView中checkbox全部选中实现代码,即单击顶部的全选checkbox,全选所有checkbox,全选所有行。
DevExpress 实现checkbox全选效果,内有主要代码,虽不能直接运行,但是都有详细的注释说明
20080530数据加密图片信息上传保存到数据库全选GridView数据行变色
改进gridView的单选和多选功能 实现全选和取消全选功能
<input id="cbAll" type="checkbox" onclick="GetAllCheckBox(this)" />全选 function GetAllCheckBox(CheckAll) { var items = document.getElementsByTagName("input"); for(i=0; i;i++) { if(items[i]....
* GridView通过div分页 * 将数据一次性加载到页面 * 减少访问服务器频率 * checkbox全选
gridview编辑删除,checkbox单选全选 数据库自行配置
Datagridview控件没有全选或取消全选的复选框,本资源用VB2015通过扩展DataGridViewColumnHeaderCell类,在列头绘制一个复选框checkbox控件,通过定义checkbox鼠标单击事件来实现行的全选或取消全选。checkbox还可以...