手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript实现GriwView单列全选(自写代码)
JavaScript实现GriwView单列全选(自写代码)
摘要:在GridView里有一系列的Checkbox,要实现对其全选或全不选。开始在网上找了,但是参考的代码会全选GridView里所有的Chec...

在 GridView 里有一系列的 Checkbox ,要实现对其全选或全不选。开始在网上找了,但是参考的代码会全选 GridView 里所有的 Checkbox ,而我要的是单列全选。如图:

JavaScript实现GriwView单列全选(自写代码)1

审核和权限是要分开的。

JavaScript实现GriwView单列全选(自写代码)2

JavaScript实现GriwView单列全选(自写代码)3

我自己写了 JavaScript 代码,贴出来供大家参考。

复制代码 代码如下:

function chkAll(CheckAll) {

var items = document.getElementsByTagName("input");

for (var i = 0; i < items.length; i++) {

if (items[i].type == "checkbox"){

for (var j = 2; j < 10; j++) {

var id = "ctl00_ContentPlaceHolder1_GridView1_ctl0" + j + "_CheckBox1";

if (items[i].id == id) {

items[i].checked = CheckAll.checked;

}

}

}

}

}

其中,第5行的 j 和 第6行的 id 是用来确定同一列的 Checkbox,具体 j 的范围以及 id 可能不同,可以通过 alert(items[i].id); 遍历整个 items 查看相应的 id 。

前台的相应代码如下:

复制代码 代码如下:

<asp:TemplateField HeaderText="审核">

<HeaderTemplate>

<asp:CheckBox ID="chkAll" onclick='chkAll(this)' runat="server" />

审核

</HeaderTemplate>

<ItemTemplate>

<asp:CheckBox ID="CheckBox1" Checked='<%# Eval("isCheck") %>' runat="server" />

</ItemTemplate>

<ItemStyle HorizontalAlign="Center" Width="100px" />

</asp:TemplateField>

【JavaScript实现GriwView单列全选(自写代码)】相关文章:

基于JavaScript实现动态添加删除表格的行

javascript实现删除前弹出确认框

javascript实现炫酷的拖动分页

javascript实现淡蓝色的鼠标拖动选择框实例

javascript实现youku的视频代码自适应宽度

javascript实现日期按月份加减

Javascript实现广告页面的定时关闭

Javascript实现div层渐隐效果的方法

JavaScript的9种继承实现方式归纳

JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)

精品推荐
分类导航