Repeater中怎么利用checkbox實現全選功能

這篇文章將為大家詳細講解有關Repeater中怎么利用checkbox實現全選功能，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

一、HTML代碼：

<input name="CheckAll" type="checkbox" value="" onclick="javascript:FormSelectAll('form1','CheckBox',this);" />   //用于選擇是否全選的復選框，用javascript函數“FormSelectAll('form1','CheckBox',this); ”實現全選效果，具體參數下文在詳細解釋  <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控件，用于選擇單項內容  </ItemTemplate> </asp:Repeater>   </form>

二、Javascript實現全選效果：

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

三、服務器端執行代碼：

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

關于Repeater中怎么利用checkbox實現全選功能就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。