Heim > Web-Frontend > js-Tutorial > JavaScript实现GriwView单列全选(自写代码)_javascript技巧

JavaScript实现GriwView单列全选(自写代码)_javascript技巧

WBOY
Freigeben: 2016-05-16 17:33:51
Original
1370 Leute haben es durchsucht

在 GridView 里有一系列的 Checkbox ,要实现对其全选或全不选。开始在网上找了,但是参考的代码会全选 GridView 里所有的 Checkbox ,而我要的是单列全选。如图:
JavaScript实现GriwView单列全选(自写代码)_javascript技巧 
审核和权限是要分开的。
JavaScript实现GriwView单列全选(自写代码)_javascript技巧 
JavaScript实现GriwView单列全选(自写代码)_javascript技巧
我自己写了 JavaScript 代码,贴出来供大家参考。

复制代码 代码如下:

function chkAll(CheckAll) {
var items = document.getElementsByTagName("input");
for (var i = 0; i if (items[i].type == "checkbox"){
for (var j = 2; 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 。
前台的相应代码如下:
复制代码 代码如下:




审核






Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage