JavaScript實現(xiàn)GriwView單列全選(自寫代碼)
在 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 查看相應的 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>
相關(guān)文章
JavaScript之iterable_動力節(jié)點Java學院整理
這篇文章主要介紹了JavaScript之iterable,遍歷Array可以采用下標循環(huán),遍歷Map和Set就無法使用下標。為了統(tǒng)一集合類型,ES6標準引入了新的iterable類型,Array、Map和Set都屬于iterable類型2017-06-06JS箭頭函數(shù)和常規(guī)函數(shù)之間的區(qū)別實例分析【 5 個區(qū)別】
這篇文章主要介紹了JS箭頭函數(shù)和常規(guī)函數(shù)之間的區(qū)別,結(jié)合實例形式分析了JS箭頭函數(shù)和常規(guī)函數(shù)之間的 5 個區(qū)別與相關(guān)使用注意事項,需要的朋友可以參考下2020-05-05淺析showModalDialog數(shù)據(jù)緩存問題(用禁止瀏覽器緩存解決)
在使用showModalDialog彈出窗口時,顯示的數(shù)據(jù)是上次修改前的數(shù)據(jù),這是因為默認情況下頁面保存了緩存,所以顯示的數(shù)據(jù)并不是修改后的情況2013-07-07比較詳細的關(guān)于javascript中void(0)的具體含義解釋
比較詳細的關(guān)于javascript中void(0)的具體含義解釋...2007-08-08