彩票走势图

脚本实现全选GridView中的CheckBox

转帖|其它|编辑:郝浩|2010-11-17 17:31:55.000|阅读 659 次

概述:今天终于实现了全选CheckBox而不用AJAX或者回传事件,省时又效率,本文主要介绍脚本实现全选GridView中的CheckBox ,希望对大家有帮助。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

  今天终于实现了全选CheckBox而不用AJAX或者回传事件,省时又效率

  全选和全不选,不会出现选中的项目全选时却不选的情况

  前台代码如下:

  GridView代码:

  <asp:GridView ID=";gv" runat="server" AutoGenerateColumns="False" Width="100%" DataKeyNames="PermitID" >

  <Columns>

  <asp:TemplateField>

  <HeaderTemplate>

  <input  id=&quot;CheckAll" type="checkbox" onclick="selectAll(this);" />

  </HeaderTemplate>

  <ItemTemplate>

  <asp:CheckBox runat="server" ID="checkbox"&nbsp; />

  </ItemTemplate>

  <ItemStyle Width="100px" />

  </asp:TemplateField>

  <asp:BoundField DataField="PermitCode" HeaderText="权限代码" SortExpression="PermitCode" /&gt;

  <asp:BoundField DataField="PermitName" HeaderText="权限名称" SortExpression="PermitName" />

  </Columns>

  <HeaderStyle CssClass="GVHeader" />;

  &lt;AlternatingRowStyle CssClass="GVAlternatingRow" />

  <RowStyle CssClass="GVRow" />

  &lt;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>


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:博客转载

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP