利用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 相关文章推荐
关于juqery radio写法的兼容性问题(新老版本jquery)
Jun 14 Javascript
js 编程笔记 无名函数
Jun 28 Javascript
5个javascript的数字格式化函数分享
Dec 07 Javascript
jquery 插件学习(二)
Aug 06 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
Mar 01 Javascript
AspNet中使用JQuery boxy插件的确认框
May 20 Javascript
Bootstrap轮播加上css3动画,炫酷到底!
Dec 22 Javascript
Bootstrap3制作自己的导航栏
May 12 Javascript
Ionic默认的Tabs模板使用实例
Aug 29 Javascript
小程序页面动态配置实现方法
Feb 05 Javascript
tweenjs缓动算法的使用实例分析
Aug 26 Javascript
微信小程序利用button控制条件标签的变量问题
Mar 15 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自动适应范围的分页代码
2008/08/05 PHP
PHP中fwrite与file_put_contents性能测试代码
2013/08/02 PHP
CI框架中site_url()和base_url()的区别
2015/01/07 PHP
cakephp常见知识点汇总
2017/02/24 PHP
PHP重载基础知识回顾
2020/09/10 PHP
用js实现计算代码行数的简单方法附代码
2007/08/13 Javascript
返回对象在当前级别中是第几个元素的实现代码
2011/01/20 Javascript
JQuery插件开发示例代码
2013/11/06 Javascript
使用js解决由border属性引起的div宽度问题
2013/11/26 Javascript
JavaScript获取某年某月的最后一天附截图
2014/06/23 Javascript
jQuery添加和删除指定标签的方法
2015/12/16 Javascript
简单的JS时钟实例讲解
2016/01/13 Javascript
Angular中的interceptors拦截器
2017/06/25 Javascript
写给小白看的JavaScript异步
2017/11/29 Javascript
AngularJS实现的简单拖拽功能示例
2018/01/02 Javascript
vue.js动画中的js钩子函数的实现
2018/07/06 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
2018/07/20 Javascript
Angular异步变同步处理方法
2018/08/13 Javascript
Cocos2d实现刮刮卡效果
2018/12/20 Javascript
新年快乐! javascript实现超级炫酷的3D烟花特效
2019/01/30 Javascript
ant design vue中日期选择框混合时间选择器的用法说明
2020/10/27 Javascript
解决vue页面刷新,数据丢失的问题
2020/11/24 Vue.js
探索Python3.4中新引入的asyncio模块
2015/04/08 Python
Python实现的简单算术游戏实例
2015/05/26 Python
常见python正则用法的简单实例
2016/06/21 Python
Python基于pandas实现json格式转换成dataframe的方法
2018/06/22 Python
python爬取指定微信公众号文章
2018/12/20 Python
pytorch 批次遍历数据集打印数据的例子
2019/12/30 Python
python 已知三条边求三角形的角度案例
2020/04/12 Python
维珍澳洲航空官网:Virgin Australia
2017/09/08 全球购物
什么是makefile? 如何编写makefile?
2013/01/02 面试题
幼儿园三八妇女节活动方案
2014/03/11 职场文书
教师优秀党员事迹材料
2014/08/14 职场文书
护士年终个人总结
2015/02/13 职场文书
员工担保书范本
2015/09/22 职场文书
2019个人工作总结
2019/06/21 职场文书