首頁 > web前端 > js教程 > JavaScript實作GriwView單列全選(自寫程式碼)_javascript技巧

JavaScript實作GriwView單列全選(自寫程式碼)_javascript技巧

WBOY
發布: 2016-05-16 17:33:51
原創
1375 人瀏覽過

在 GridView 裡有一系列的 Checkbox ,要實現對其全選或全不選。開始在網路上找了,但參考的程式碼會全選 GridView 裡所有的 Checkbox ,而我要的是單列全選。如圖:
JavaScript實作GriwView單列全選(自寫程式碼)_javascript技巧 
審核和權限是要分開的。
JavaScript實作GriwView單列全選(自寫程式碼)_javascript技巧 
JavaScript實作GriwView單列全選(自寫程式碼)_javascript技巧
我自己寫了 JavaScript 程式碼,貼出來供大家參考。

複製程式碼 程式碼如下:

function chk 但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 。
前台的對應程式碼如下:

複製程式碼 程式碼如下:

程式碼如下:





審核



相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板