利用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改变position值实现菜单滚动至顶部后固定
Jan 18 Javascript
dwz 如何去掉ajaxloading具体代码
May 22 Javascript
js弹出层包含flash 不能关闭隐藏的2种处理方法
Jun 17 Javascript
angularJS 中input示例分享
Feb 09 Javascript
对Web开发中前端框架与前端类库的一些思考
Mar 27 Javascript
checkbox批量选中,获取选中项的值的简单实例
Jun 28 Javascript
原生js实现放大镜
Feb 20 Javascript
详解如何在angular2中获取节点
Nov 23 Javascript
详解vue-flickity的fullScreen功能实现
Apr 07 Javascript
vue-drawer-layout实现手势滑出菜单栏
Nov 19 Vue.js
Vue使用Element实现增删改查+打包的步骤
Nov 25 Vue.js
如何使用JavaScript策略模式校验表单
Apr 29 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
一个ORACLE分页程序,挺实用的.
2006/10/09 PHP
PHP循环函数使用介绍之PHP基础入门教程
2013/09/21 PHP
php cookie使用方法学习笔记分享
2013/11/07 PHP
PHP Static延迟静态绑定用法分析
2016/03/16 PHP
php 数组字符串搜索array_search技巧
2016/07/05 PHP
Laravel-admin之修改操作日志的方法
2019/09/30 PHP
php 实现简单的登录功能示例【基于thinkPHP框架】
2019/12/02 PHP
js实现的网站首页随机公告随机公告
2007/03/14 Javascript
js通过地址栏给action传值(中文乱码全是问号)
2013/05/02 Javascript
一个Action如何调用两个不同的方法
2014/05/22 Javascript
JavaScript中跨域调用Flash的方法
2014/08/11 Javascript
基于豆瓣API+Angular开发的web App
2015/01/02 Javascript
高效Web开发的10个jQuery代码片段
2016/07/22 Javascript
浅谈javascript中的事件冒泡和事件捕获
2016/12/28 Javascript
深入理解js中的加载事件
2017/02/08 Javascript
jquery单击文字或图片内容放大并居中显示
2017/06/23 jQuery
vue.js移动端app之上拉加载以及下拉刷新实战
2017/09/11 Javascript
vue.js 微信支付前端代码分享
2018/02/10 Javascript
详解在网页上通过JS实现文本的语音朗读
2019/03/28 Javascript
mustache.js实现首页元件动态渲染的示例代码
2020/12/28 Javascript
[06:35]2014DOTA2国际邀请赛 老男孩梦圆西雅图中国军团世界最强
2014/07/22 DOTA
python任务调度实例分析
2015/05/19 Python
Python中for循环控制语句用法实例
2015/06/02 Python
Python第三方库的安装方法总结
2016/06/06 Python
详解Python 定时框架 Apscheduler原理及安装过程
2019/06/14 Python
Python搭建Spark分布式集群环境
2019/07/05 Python
python 执行终端/控制台命令的例子
2019/07/12 Python
用Python解数独的方法示例
2019/10/24 Python
塑料制成的可水洗的编织平底鞋和鞋子:Rothy’s
2018/09/16 全球购物
德国便宜的宠物店:Brekz.de
2020/10/23 全球购物
卫校中专生个人自我评价
2013/09/19 职场文书
大学生求职自荐信
2013/12/12 职场文书
学校感恩教育活动总结
2014/07/07 职场文书
村长反四风问题个人对照检查材料
2014/09/21 职场文书
高中议论文(范文2篇)
2019/08/19 职场文书
从零开始在Centos7上部署SpringBoot项目
2022/04/07 Servers