JavaScript實現(xiàn)GriwView單列全選(自寫代碼)
更新時間：2013年05月13日 17:08:28 作者：
在 GridView 里有一系列的 Checkbox ，要實現(xiàn)對其全選或全不選，二網(wǎng)上的都不否和要求，于是我自己寫了JavaScript 代碼，貼出來供大家參考
在 GridView 里有一系列的 Checkbox ，要實現(xiàn)對其全選或全不選。開始在網(wǎng)上找了，但是參考的代碼會全選 GridView 里所有的 Checkbox ，而我要的是單列全選。如圖： 
審核和權(quán)限是要分開的。 
我自己寫了 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 查看相應(yīng)的 id 。
前臺的相應(yīng)代碼如下：
復制代碼 代碼如下:
<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>
相關(guān)文章
javascript動態(tài)添加單元格的腳本代碼...2007-11-11
這篇文章主要介紹了jsonp實現(xiàn)百度下拉框功能的方法,結(jié)合實例形式分析了調(diào)用百度接口jsonp實現(xiàn)跨域請求及內(nèi)容渲染相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
Javascript中Cookie的獲取和保存應(yīng)用案例
這篇文章主要給大家介紹了關(guān)于Javascript中Cookie的獲取和保存應(yīng)用的相關(guān)資料,Cookie是直接存儲在瀏覽器中的一小串數(shù)據(jù),文中通過圖文介紹的非常詳細,需要的朋友可以參考下2023-09-09
js 異步處理進度條的實現(xiàn)代碼，需要的朋友可以參考下。2010-04-04
理解JavaScript的caller,callee,call,apply
文章挺好的，雖然我用的是jQuery，但感覺還是有些用的～～～2009-04-04
看到一篇博客說土豆網(wǎng)的圖片是延遲加載的。原理是這樣：頁面可見區(qū)域以下的圖片先不加載，等到用戶向下滾動到圖片位置時，再進行加載。這樣做的好處是當頁面有好幾屏內(nèi)容時，這樣我們就可以只加載用戶需要看的圖片，減少服務(wù)器向用戶瀏覽器發(fā)送圖片文件所產(chǎn)生的負荷。2015-08-08
現(xiàn)在uni-app終于官方支持PC寬屏,下面這篇文章主要給大家介紹了關(guān)于uni-app?PC端寬屏適配方案的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-03-03
利用javascript實現(xiàn)一些常用軟件的下載導航
利用javascript實現(xiàn)一些常用軟件的下載導航，非常不錯的應(yīng)用，思路值得借鑒，沒看過的朋友可以看下。2009-08-08
use jscript Create a SQL Server database
use jscript Create a SQL Server database...2007-06-06
javascript里面的"/"運算符跟C++里面的"/"運算符不一樣，后者自動取整，前者若非整除則會得到小數(shù)（比如說5/2=2.5）。2010-10-10