利用js的Node遍历找到repeater的一个字段实例介绍
更新时间:2013年04月25日 15:00:06 作者:
本文教大家使用js的Node遍历找到repeater的一个字段的具体实现思路,感兴趣的朋友可参考下,希望可以帮助到你
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>
复制代码 代码如下:
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>
您可能感兴趣的文章:
- Repeater事件OnItemCommand取得行内控件的方法
- Repeater控件与PagedDataSource结合实现分页功能
- Repeater控件实现编辑、更新、删除等操作示例代码
- Repeater怎么实现多行间隔显示分隔符
- Repeater中嵌套Repeater的示例介绍
- repeater做删除前弹窗询问实例
- 给Repeater控件里添加序号的5种才常见方法介绍
- asp.net Repeater 数据绑定的具体实现(图文详解)
- .net JS模拟Repeater控件的实现代码
- Repeater控件绑定的三种方式
- ASP.NET笔记之 Repeater的使用
- Repeater绑定dictionary数据源代码及报错解决
- asp.net Repeater分页实例(PageDataSource的使用)
- asp.net中使用repeater和PageDataSource搭配实现分页代码
- Repeater里switch的使用方法
- Repeater控件动态变更列(Header,Item和Foot)信息(重构cs)
- Repeater的FooterTemplate显示某列总计思路与代码
- 嵌套repeater示例分享
相关文章
js之input[type=file]选择重复的文件,无法触发change事件问题
这篇文章主要介绍了js之input[type=file]选择重复的文件,无法触发change事件问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2023-05-05
ionic App问题总结系列之ionic点击系统返回键退出App
本篇文章主要介绍了ionic App问题总结系列之ionic点击系统返回键退出App,具有一定的参考价值,有兴趣的可以了解一下2017-08-08
JavaScript学习小结之使用canvas画“哆啦A梦”时钟
这篇文章主要介绍了JavaScript学习小结之使用canvas画“哆啦A梦”时钟的相关资料,需要的朋友可以参考下2016-07-07


最新评论