jquery实现在repeater中的全选

 

 

//alerts用户控件中的全选功能

function FormSelectAll(formID,EleName,e) //formID：目标复选框组所在的form表单的ID属性；Elename：目标复选框组共同的Name属性；e：用于标识是否全选的复选框自身，用户判断是“全选”还是“全不选” 

{ 

var Elements = document.getElementById(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; //根据用于控制的复选框的选中情况判断是否选中目标复选框 

} 

} 

} 

 

 

 

<table id="tblAlerts" class="list-table sortable">



<asp:Repeater ID="rptAlerts" runat="server">



<HeaderTemplate>



<tr class="header">



<th class="checkbox-col">



<asp:CheckBox ID="chkAll" runat="server" Text="All" οnclick='javascript:FormSelectAll("form1","chkSelect",this);'/>



</th>



<th class="seq-col">



S/N

</th>



<th class="readstatus">



Read

</th>



<th class="date-col">



Received

</th>



<th>



Subject

</th>



</tr>



</HeaderTemplate>



<ItemTemplate>



<tr class='<%#Eval("IsRead").ToString().ToLower()=="true"? "read pointer":"unread pointer" %>'>



<td class="checkbox-col">



<asp:CheckBox ID="chkSelect" runat="server" />



</td>



<td class="seq-col">



<%# Container.ItemIndex + 1%>

</td>



<td class="readstatus">



<span>



<%#Eval("Isread")%></span>



</td>



<td class="date-col">



<%#Eval("AlertDate")%>

</td>



<td>



<%#Eval("SubjectTitle")%>

</td>



</tr>



</ItemTemplate>



</asp:Repeater>



</table>