轉帖|其它|編輯:郝浩|2010-11-17 17:31:55.000|閱讀 659 次
概述:今天終于實現了全選CheckBox而不用AJAX或者回傳事件,省時又效率,本文主要介紹腳本實現全選GridView中的CheckBox ,希望對大家有幫助。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
今天終于實現了全選CheckBox而不用AJAX或者回傳事件,省時又效率
全選和全不選,不會出現選中的項目全選時卻不選的情況
前臺代碼如下:
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="權限代碼" SortExpression="PermitCode" />
<asp:BoundField DataField="PermitName" HeaderText="權限名稱" SortExpression="PermitName" />
</Columns>
<HeaderStyle CssClass="GVHeader" />
<AlternatingRowStyle CssClass="GVAlternatingRow" />
<RowStyle CssClass="GVRow" />
<PagerStyle CssClass="GVPage" />
<PagerSettings Visible="False" />
</asp:GridView>
其發揮作用的腳本如下:
<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>
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:博客轉載