asp.net使用Repeater控件中的全选进行批量操作实例

前端技术 2023/09/04 .NET

本文实例讲述了asp.net使用Repeater控件中的全选进行批量操作的方法。分享给大家供大家参考。具体分析如下:

今天在Repeater控件中碰到一个全选的操作,于是上网查了一下,找到一个觉得比较好,便记录下来,

界面代码简化之后(全选操作):

复制代码 代码如下:

<script type=\"text/javascript\">
function SelectAll(parentChk, ChildId, bigControlID) {
var oElements = document.getElementsByTagName(\"INPUT\");
var bIsChecked = parentChk.checked;

for (i = 0; i < oElements.length; i++) {
     if (IsCheckBox(oElements[i]) && IsMatch(oElements[i].id, ChildId, bigControlID)) {
 oElements[i].checked = bIsChecked;
      }
   }
}

function IsMatch(id, ChildId, controlID) {
var sPattern = \'^\' + controlID + \'_+.*\' + ChildId + \'$\';
var oRegExp = new RegExp(sPattern);
if (oRegExp.exec(id))
 return true;
else
 return false;
}

function IsCheckBox(chk) {
       if (chk.type == \'checkbox\') return true;
       else return false;
}
</script>
 
<asp:Repeater ID=\"Repeater_xx\" runat=\"server\">
       <HeaderTemplate>
   <table>
         <tr>
        <th>选项</th>
        <th>数据</th>
         </tr>
       </HeaderTemplate>
       <ItemTemplate>
         <tr>
       <td>
     <asp:CheckBox ID=\"CheckBox_ID\" runat=\"server\" Checked=\"false\" />
       </td>
       <td>
     <asp:Label runat=\"server\" ID=\"Label_ID\" Text=\'<%#Eval(\"Label_ID\")%>\'></asp:Label>
       </td>
   <tr>
      </ItemTemplate>
      <FooterTemplate>
  </table>
      </FooterTemplate>
</asp:Repeater>   

<asp:CheckBox runat=\"server\" ID=\"CheckBoxCz\" Text=\"全选/反选\" onclick=\'SelectAll(this,\"CheckBox_ID\",\"Repeater_xx\")\'/>

<input class=\"anniu\" id=\"input_gs\" type=\"submit\" runat=\"server\" onserverclick=\"Gssubmit_Click\" value=\"操作\" />

本文地址:https://www.stayed.cn/item/11822

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。