jquery实现在repeater中的全选

来源:互联网 发布:知乎日报电脑版 编辑:程序博客网 时间:2024/06/11 03:59
 

 

//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" onclick='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>


 

原创粉丝点击