ASP.NET Gridview與checkbox全選、全不選實現(xiàn)代碼

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 22:43:21

ASP.NET Gridview與checkbox全選、全不選實現(xiàn)代碼

ASP.NET Gridview與checkbox全選、全不選實現(xiàn)代碼:1. 頁面在onclick事件中傳自己代碼如下:<asp:TemplateField HeaderText=全選> <HeaderTemplate> <input type=checkbox id=CheckBox1 name=CheckBox1 onclick=GetAllChec

推薦度：

點擊下載本文 文檔為doc格式

導(dǎo)讀ASP.NET Gridview與checkbox全選、全不選實現(xiàn)代碼:1. 頁面在onclick事件中傳自己代碼如下:<asp:TemplateField HeaderText=全選> <HeaderTemplate> <input type=checkbox id=CheckBox1 name=CheckBox1 onclick=GetAllChec

1. 頁面在onclick事件中 "傳自己"
代碼如下:


<asp:TemplateField HeaderText="全選"> 
<HeaderTemplate> 
<input type="checkbox" id="CheckBox1" name="CheckBox1" onclick="GetAllCheckBox(this)" /> 
全選 
</HeaderTemplate> 
<ItemTemplate> 
<asp:CheckBox ID="CheckBox2" runat="server"/> 
</ItemTemplate> 
<ItemStyle HorizontalAlign="Center" Width="100px" /> 
</asp:TemplateField> 
 
2.編寫JS代碼 
 代碼如下:
<script type="text/javascript" language="javascript"> 
function GetAllCheckBox(CheckAll) 
{ 
var items = document.getElementsByTagName("input"); 
for(var i=0;i<items.length;i++) 
{ 
if(items[i].type == "checkbox") 
{ 
items[i].checked = CheckAll.checked; 
} 
} 
} 
</script> 

  
  




聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com