利用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数组快速打乱重排的方法
Jan 02 Javascript
JS高级调试技巧:捕获和分析 JavaScript Error详解
Mar 16 Javascript
JavaScript对象的property属性详解
Apr 01 Javascript
javascript实现动态模态绑定grid过程代码
Sep 22 Javascript
利用a标签自动解析URL分析网址实例
Oct 20 Javascript
第一次接触神奇的Bootstrap导航条
Aug 09 Javascript
JS弹出窗口的运用与技巧大全
Nov 01 Javascript
js 数字、字符串、布尔值的转换方法(必看)
Apr 07 Javascript
关于Vue.nextTick()的正确使用方法浅析
Aug 25 Javascript
jQuery实现动态显示select下拉列表数据的方法
Feb 05 jQuery
react-native滑动吸顶效果的实现过程
Jun 03 Javascript
react实现移动端下拉菜单的示例代码
Jan 16 Javascript
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多个字符串替换成同一个的解决方法
2013/06/18 PHP
php使用PDO从数据库表中读取数据的实现方法(必看)
2017/06/02 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
2012/03/04 Javascript
在HTML代码中使用JavaScript代码的例子
2014/10/16 Javascript
Node.js的特点和应用场景介绍
2014/11/04 Javascript
Node.js和MongoDB实现简单日志分析系统
2015/04/25 Javascript
JavaScript高级程序设计(第三版)学习笔记1~5章
2016/03/11 Javascript
jQuery可见性过滤选择器用法示例
2016/09/09 Javascript
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
2017/10/20 jQuery
vue addRoutes实现动态权限路由菜单的示例
2018/05/15 Javascript
一个因@click.stop引发的bug的解决
2019/01/08 Javascript
vue filter 完美时间日期格式的代码
2019/08/14 Javascript
原生小程序封装跑马灯效果
2020/10/21 Javascript
django框架防止XSS注入的方法分析
2019/06/21 Python
python多进程(加入进程池)操作常见案例
2019/10/21 Python
python将dict中的unicode打印成中文实例
2020/05/11 Python
Python参数传递实现过程及原理详解
2020/05/14 Python
Django在Model保存前记录日志实例
2020/05/14 Python
使用matplotlib的pyplot模块绘图的实现示例
2020/07/12 Python
使用PyCharm安装pytest及requests的问题
2020/07/31 Python
python+selenium 简易地疫情信息自动打卡签到功能的实现代码
2020/08/22 Python
详解Python流程控制语句
2020/10/28 Python
全球速卖通:AliExpress(国际版淘宝)
2017/09/20 全球购物
Nike比利时官网:Nike.com (BE)
2019/02/07 全球购物
员工自我鉴定
2013/10/09 职场文书
运动会演讲稿
2014/05/07 职场文书
2014年高中班主任工作总结
2014/11/08 职场文书
2014年技术员工作总结
2014/11/18 职场文书
关于成立领导小组的通知
2015/04/23 职场文书
小学教研工作总结2015
2015/05/13 职场文书
2015最新婚礼司仪主持词
2015/06/30 职场文书
2016年“我们的节日·端午节”活动总结
2016/04/01 职场文书
创业计划书之网吧
2019/10/10 职场文书
Flask搭建一个API服务器的步骤
2021/05/28 Python
据Python爬虫不靠谱预测可知今年双十一销售额将超过6000亿元
2021/11/11 Python