利用js的Node 遍历找到repeater的一个字段实例-优快云博客

本文介绍了一种使用JavaScript操作ASP.NET Repeater控件中Checkbox的方法。通过遍历获取所有输入元素并筛选出被选中的复选框，进一步获取其所在行的特定单元格值。该方法适用于动态网页开发中需要收集表格内被选中项信息的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js部分：

 var checkboxs = document.getElementsByTagName("input");  
				   for(var i=0;i<checkboxs.length;i++)
		          {
		               if(checkboxs[i].type=="checkbox" && checkboxs[i].checked==true){
				 
				                var trobj=checkboxs[i].parentNode.parentNode; //找到tr节点
				                 
				                  if(trobj.rowIndex > 0){
				                  var tdobj=trobj.children;
				                    var amount = tdobj[3].children.item(0).value; //找到td节点的value  对应第4个td
						    alert(amount);
				                    
				                   }
				           }
				           
		           }

html 的 repeater

<asp:repeater id="repeater1" runat="server">
										<ItemTemplate>
											<tr class="TableDetail2">
												<TD>
													<input type =checkbox   name="checkboxs" ID="checkbox" Runat="server" Width="15"  value = '<%# Container.DataItem("mocode") %>'/>
												</TD>
												<td class="nowrap">
													<asp:ImageButton id="btnkxcode" runat="server" Width="15" ImageUrl="../image/search.jpg" CommandName="btnkx"
														Height="15"></asp:ImageButton>
													<asp:TextBox id="ckxcode" runat="server" CssClass="TextBox1" Text='<%# Container.DataItem("itemtype") %>'>
													</asp:TextBox></td>
												<td class="nowrap">
													<asp:ImageButton id="btnkxname" runat="server" Width="15" ImageUrl="../image/search.jpg" CommandName="btnkxn"
														Height="15"></asp:ImageButton>
													<asp:TextBox id="ckxname" runat="server" CssClass="TextBox1" Text='<%# Container.DataItem("itemname") %>'>
													</asp:TextBox>
												</td>
												<td class="nowrap">
													<asp:TextBox id="amount" runat="server" CssClass="TextBox1" Text='<%# Container.DataItem("ysamount") %>'>
													</asp:TextBox></td>
												
												
											</tr>
										</ItemTemplate>
									</asp:repeater>