利用js的Node遍历找到repeater的一个字段实例介绍


Posted in Javascript onApril 25, 2013

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>
Javascript 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(4)
Dec 23 Javascript
用js实现控制内容的向上向下滚动效果
Jun 26 Javascript
FormValidate 表单验证功能代码更新并提供下载
Aug 23 Javascript
在AngularJS框架中处理数据建模的方式解析
Mar 05 Javascript
解决JS组件bootstrap table分页实现过程中遇到的问题
Apr 21 Javascript
JavaScript接口的实现三种方式(推荐)
Jun 14 Javascript
Javascript中八种遍历方法的执行速度深度对比
Apr 25 Javascript
详解webpack 多入口配置
Jun 16 Javascript
微信小程序实现打卡日历功能
Sep 21 Javascript
Electron 如何调用本地模块的方法
Feb 01 Javascript
微信小程序云开发之模拟后台增删改查
May 16 Javascript
vue响应式原理与双向数据的深入解析
Jun 04 Vue.js
JS保留小数点(四舍五入、四舍六入)实现思路及实例
Apr 25 #Javascript
JQuery为textarea添加maxlength属性并且兼容IE
Apr 25 #Javascript
同时使用n个window onload加载实例介绍
Apr 25 #Javascript
上传的js验证(图片/文件的扩展名)
Apr 25 #Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
Apr 25 #Javascript
JQUERY对单选框(radio)操作的小例子
Apr 25 #Javascript
jQuery中 noConflict() 方法使用
Apr 25 #Javascript
You might like
php地址引用(php地址引用的效率问题)
2012/03/23 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十五)
2014/06/30 PHP
JS延迟加载(setTimeout) JS最后加载
2010/07/15 Javascript
用JavaScript对JSON进行模式匹配 (Part 2 - 实现)
2010/07/17 Javascript
JavaScript中两个感叹号的作用说明
2011/12/28 Javascript
JavaScript执行效率与性能提升方案
2012/12/21 Javascript
提取字符串中年月日的函数代码
2013/11/05 Javascript
showModelDialog弹出文件下载窗口的使用示例
2013/11/19 Javascript
fckeditor粘贴Word时弹出窗口取消的方法
2014/10/30 Javascript
基于BootstrapValidator的Form表单验证(24)
2016/12/12 Javascript
微信小程序 详解Page中data数据操作和函数调用
2017/01/12 Javascript
基于JavaScript实现购物车功能
2017/02/07 Javascript
JavaScript和jQuery制作光棒效果
2017/02/24 Javascript
vue组件间通信解析
2017/03/01 Javascript
Node.js安装配置图文教程
2017/05/10 Javascript
layui实现三级导航菜单
2019/07/26 Javascript
vue中@change兼容问题详解
2019/10/25 Javascript
解决vue初始化项目时,一直卡在Project description上的问题
2019/10/31 Javascript
Vue修改项目启动端口号方法
2019/11/07 Javascript
python smtplib模块发送SSL/TLS安全邮件实例
2015/04/08 Python
Python中的集合类型知识讲解
2015/08/19 Python
python中多层嵌套列表的拆分方法
2018/07/02 Python
python3+PyQt5 实现Rich文本的行编辑方法
2019/06/17 Python
Python hmac模块使用实例解析
2019/12/24 Python
FOREO官方网站:LUNA露娜洁面仪
2016/11/28 全球购物
Right-on官方网站:日本知名的休闲服装品牌
2019/07/12 全球购物
3个CCIE对一个工程师的面试题
2012/05/06 面试题
linux面试题参考答案(9)
2016/01/29 面试题
求职信格式范本
2013/11/15 职场文书
工程测量与监理专业应届生求职信
2013/11/27 职场文书
2014学雷锋活动总结
2014/03/09 职场文书
学校安全管理责任书
2014/07/23 职场文书
学校消防安全责任书
2014/07/23 职场文书
如何写早恋检讨书
2014/09/10 职场文书
万能检讨书开头与结尾怎么写
2015/02/17 职场文书
社会实践心得体会范文
2016/01/14 职场文书