利用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 相关文章推荐
通过jquery的$.getJSON做一个跨域ajax请求试验
May 03 Javascript
JQuery给元素添加/删除节点比如select
Apr 02 Javascript
JS获取当前日期时间并定时刷新示例
Mar 04 Javascript
jQuery oLoader实现的加载图片和页面效果
Mar 14 Javascript
jQuery Dialog 取消右上角删除按钮事件
Sep 07 Javascript
AngularJS自定义插件实现网站用户引导功能示例
Nov 07 Javascript
JavaScript实现Fly Bird小游戏
Dec 15 Javascript
vue实现验证码按钮倒计时功能
Apr 10 Javascript
vue2.0 自定义组件的方法(vue组件的封装)
Jun 05 Javascript
JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】
Feb 18 Javascript
vue实现文字加密功能
Sep 27 Javascript
JavaScript提升机制Hoisting详解
Oct 23 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
COM in PHP (winows only)
2006/10/09 PHP
PHP将DateTime对象转化为友好时间显示的实现代码
2011/09/20 PHP
php中http与https跨域共享session的解决方法
2014/12/20 PHP
javascript 通用简单的table选项卡实现
2010/05/07 Javascript
javascript 学习笔记(onchange等)
2010/11/14 Javascript
jquery miniui 教程 表格控件 合并单元格应用
2012/11/25 Javascript
JS判断对象是否存在的10种方法总结
2013/12/23 Javascript
Javascript中的getUTCHours()方法使用详解
2015/06/10 Javascript
jQuery实现固定在网页顶部的菜单效果代码
2015/09/02 Javascript
基于React.js实现原生js拖拽效果引发的思考
2016/03/30 Javascript
AngularJS 自定义指令详解及示例代码
2016/08/17 Javascript
vue2笔记 — vue-router路由懒加载的实现
2017/03/03 Javascript
jQuery图片瀑布流的简单实现代码
2017/03/15 Javascript
微信小程序本地缓存数据增删改查实例详解
2017/05/24 Javascript
关于ES6箭头函数中的this问题
2018/02/27 Javascript
vue中element 上传功能的实现思路
2018/07/06 Javascript
node 文件上传接口的转发的实现
2019/09/23 Javascript
JavaScript观察者模式原理与用法实例详解
2020/03/10 Javascript
JavaScript读取本地文件常用方法流程解析
2020/10/12 Javascript
JavaScript中的几种继承方法示例
2020/12/06 Javascript
python处理PHP数组文本文件实例
2014/09/18 Python
pycharm安装图文教程
2017/05/02 Python
Python解决八皇后问题示例
2018/04/22 Python
解决sublime+python3无法输出中文的问题
2018/12/12 Python
ML神器:sklearn的快速使用及入门
2019/07/11 Python
CSS3实现银灰色动画效果的导航菜单代码
2015/09/01 HTML / CSS
德国电子产品购物网站:TechInTheBasket德国
2018/12/07 全球购物
世界上最大的皮肤科医生拥有和经营的美容网站:LovelySkin
2021/01/03 全球购物
大学生专业个人学习的自我评价
2013/10/26 职场文书
历史专业个人求职信分享
2013/12/20 职场文书
病假证明模板
2015/06/19 职场文书
财务年终工作总结大全
2019/06/20 职场文书
励志语录:你若不勇敢,谁替你坚强
2019/11/08 职场文书
一次SQL如何查重及去重的实战记录
2022/03/13 MySQL
python超详细实现完整学生成绩管理系统
2022/03/17 Python
Tomcat starup.bat 脚本实现开机自启动
2022/04/20 Servers