轉(zhuǎn)帖|其它|編輯:郝浩|2010-11-17 17:31:55.000|閱讀 659 次
概述:今天終于實(shí)現(xiàn)了全選CheckBox而不用AJAX或者回傳事件,省時(shí)又效率,本文主要介紹腳本實(shí)現(xiàn)全選GridView中的CheckBox ,希望對大家有幫助。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
今天終于實(shí)現(xiàn)了全選CheckBox而不用AJAX或者回傳事件,省時(shí)又效率
全選和全不選,不會出現(xiàn)選中的項(xiàng)目全選時(shí)卻不選的情況
前臺代碼如下:
GridView代碼:
<asp:GridView ID="gv" runat="server" AutoGenerateColumns="False" Width="100%" DataKeyNames="PermitID" >
<Columns>
<asp:TemplateField>
<HeaderTemplate>
<input id="CheckAll" type="checkbox" onclick="selectAll(this);" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" ID="checkbox" />
</ItemTemplate>
<ItemStyle Width="100px" />
</asp:TemplateField>
<asp:BoundField DataField="PermitCode" HeaderText="權(quán)限代碼" SortExpression="PermitCode" />
<asp:BoundField DataField="PermitName" HeaderText="權(quán)限名稱" SortExpression="PermitName" />
</Columns>
<HeaderStyle CssClass="GVHeader" />
<AlternatingRowStyle CssClass="GVAlternatingRow" />
<RowStyle CssClass="GVRow" />
<PagerStyle CssClass="GVPage" />
<PagerSettings Visible="False" />
</asp:GridView>
其發(fā)揮作用的腳本如下:
<script type="text/javascript">
function selectAll(obj)
{
var theTable = obj.parentElement.parentElement.parentElement;
var i;
var j = obj.parentElement.cellIndex;
for(i=0;i<theTable.rows.length;i++)
{
var objCheckBox = theTable.rows[i].cells[j].firstChild;
if(objCheckBox.checked!=null)objCheckBox.checked = obj.checked;
}
}
</script>
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:博客轉(zhuǎn)載