Repeater中怎么利用checkbox實(shí)現(xiàn)全選功能

這篇文章將為大家詳細(xì)講解有關(guān)Repeater中怎么利用checkbox實(shí)現(xiàn)全選功能，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

一、HTML代碼：

<input name="CheckAll" type="checkbox" value="" onclick="javascript:FormSelectAll('form1','CheckBox',this);" />   //用于選擇是否全選的復(fù)選框，用javascript函數(shù)“FormSelectAll('form1','CheckBox',this); ”實(shí)現(xiàn)全選效果，具體參數(shù)下文在詳細(xì)解釋  <form id="form1" runat="server"> <asp:Repeater ID="RptList" runat="server" > <ItemTemplate> <input name="CheckBox" id="CheckBox" runat="server" type="checkbox" value='<%# DataBinder.eval_r(Container.DataItem, "F_JobID")%>' />   //使用Repeater 控件綁定checkbox控件，用于選擇單項(xiàng)內(nèi)容  </ItemTemplate> </asp:Repeater>   </form>

二、Javascript實(shí)現(xiàn)全選效果：

function FormSelectAll(formID,EleName,e) //formID：目標(biāo)復(fù)選框組所在的form表單的ID屬性；Elename：目標(biāo)復(fù)選框組共同的Name屬性；e：用于標(biāo)識(shí)是否全選的復(fù)選框自身，用戶判斷是“全選”還是“全不選”  {  var Elements = document.getElementByIdx(formID).elements; //獲取目標(biāo)復(fù)選框組所在的Form表單  for (var i = 0; i < Elements.length;i++)  {  if (Elements[i].type == "checkbox" && Elements[i].name.indexOf(EleName) >= 0) //根據(jù)對(duì)象類型和對(duì)象的name屬性判斷是否為目標(biāo)復(fù)選框  {  Elements[i].checked = e.checked; //根據(jù)用于控制的復(fù)選框的選中情況判斷是否選中目標(biāo)復(fù)選框  }  }  }

三、服務(wù)器端執(zhí)行代碼：

for (int i = 0; i < this.RptList.Items.Count; i++)　   //根據(jù)Repeater 控件的情況執(zhí)行循環(huán)判斷目標(biāo)復(fù)選框是否被選中  {  HtmlInputCheckBox CB = (HtmlInputCheckBox)this.RptList.Items[i].FindControl("CheckBox");   //獲取一個(gè)目標(biāo)復(fù)選框情況  if (CB.Checked == true) //判斷該復(fù)選框是否被選中  {  。。。。。 //程序處理代碼  }  }

關(guān)于Repeater中怎么利用checkbox實(shí)現(xiàn)全選功能就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。