js实现遍历含有input的table实例


Posted in Javascript onDecember 07, 2015

本文实例讲述了js实现遍历含有input的table。分享给大家供大家参考,具体如下:

table 如下:

<table id="groupTable" class="tblist_black">
<%
 DataTable firstGroupTable = ViewState["firstGroupTable"] as DataTable;
 if (firstGroupTable != null)
 {
 for (int i = 0; i < firstGroupTable.Rows.Count; i )
 {
 %>
  <tr>
  <td><div style="width:40px;"><span>一级</span></div></td>
  <td><div style="width:40px;"><span> </span></div></td>
  <td><div style="width:180px;"><span><input type="text" value="<%=firstGroupTable.Rows[i]["GroupName"]%>" /></span></div></td>
  <td style="display:none"><div style="width:80px;"><span><%=firstGroupTable.Rows[i]["FirstNodeID"]%></span></div></td>
  <td style="display:none"><div style="width:80px;"><span> </span></div></td>
  <td><div style="width:60px;"><span><a href="#" onclick="editRow(<%=i%>)">[更新]</a></span></div></td>
  <td><div style="width:60px;"><span><a href="">[删除]</a></span></div></td>
  <td><div style="width:60px;"><span><a href="">[二级]</a></span></div></td>
  </tr>
<%
 }
 }
%>
</table>

js如下:

function editRow(rowIndex) {
 alert(window.groupTable.rows.item(rowIndex).cells.item(2).getElementsByTagName_r('input')[0].value);
}

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
javascript event 事件解析
Jan 31 Javascript
30个最佳jQuery Lightbox效果插件分享
Apr 11 Javascript
利用jQuary实现文字浮动提示效果示例代码
Dec 26 Javascript
js使用html()或text()方法获取设置p标签的显示的值
Aug 01 Javascript
简单掌握JavaScript中const声明常量与变量的用法
May 21 Javascript
浅谈JavaScript的push(),pop(),concat()方法
Jun 03 Javascript
JavaScript关于提高网站性能的几点建议(一)
Jul 24 Javascript
JS获取鼠标选中的文字
Aug 10 Javascript
在js中实现邮箱格式的验证方法(推荐)
Oct 24 Javascript
js 调用百度分享功能
Feb 27 Javascript
jQuery鼠标移动图片上实现放大效果
Jun 25 jQuery
详解ES6 Symbol 的用途
Oct 14 Javascript
JavaScript中的return语句简单介绍
Dec 07 #Javascript
深入理解Java线程编程中的阻塞队列容器
Dec 07 #Javascript
JS与jQuery遍历Table所有单元格内容的方法
Dec 07 #Javascript
JavaScript的History API使搜索引擎抓取AJAX内容
Dec 07 #Javascript
JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题
Dec 07 #Javascript
小巧强大的jquery layer弹窗弹层插件
Dec 06 #Javascript
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
Dec 06 #Javascript
You might like
thinkphp实现图片上传功能分享
2014/03/04 PHP
PHP生成网站桌面快捷方式代码分享
2014/10/11 PHP
PHP 数组基本操作小结(推荐)
2016/06/13 PHP
thinkphp制作404跳转页的简单实现方法
2016/09/22 PHP
PHP实现动态添加XML中数据的方法
2018/03/30 PHP
PHP常用字符串输出方法分析(echo,print,printf及sprintf)
2021/03/09 PHP
firefox下input type=&quot;file&quot;的size是多大
2011/10/24 Javascript
Yii-自定义删除确认弹框(zyd)jquery实现代码
2013/03/04 Javascript
node.js中使用socket.io的方法
2014/12/15 Javascript
JavaScript简介
2015/02/15 Javascript
jquery使用slideDown实现模块缓慢拉出效果的方法
2015/03/27 Javascript
如何利用AngularJS打造一款简单Web应用
2015/12/05 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
2016/01/15 Javascript
详解如何在Vue里建立长按指令
2018/08/20 Javascript
node app 打包工具pkg的具体使用
2019/01/17 Javascript
Vue发布项目实例讲解
2019/07/17 Javascript
vue cli4下环境变量和模式示例详解
2020/04/09 Javascript
[15:07]lgd_OG_m2_BP
2019/09/10 DOTA
Python实现删除Android工程中的冗余字符串
2015/01/19 Python
Python实现获取某天是某个月中的第几周
2015/02/11 Python
详细解析Python当中的数据类型和变量
2015/04/25 Python
python3设计模式之简单工厂模式
2017/10/17 Python
Python排序搜索基本算法之堆排序实例详解
2017/12/08 Python
Python基于多线程实现抓取数据存入数据库的方法
2018/06/22 Python
python实现录屏功能(亲测好用)
2020/03/02 Python
如何使用scrapy中的ItemLoader提取数据
2020/09/30 Python
纯CSS3实现圆角效果(含IE兼容解决方法)
2014/05/07 HTML / CSS
意大利比基尼品牌:MISS BIKINI
2019/11/02 全球购物
老同学聚会感言
2014/02/23 职场文书
师德师风自我评价范文
2014/09/11 职场文书
2014年教师党员自我评价范文
2014/09/22 职场文书
python数字转对应中文的方法总结
2021/08/02 Python
实例详解Python的进程,线程和协程
2022/03/13 Python
SONY600GR,国产收音机厂商永远的痛
2022/04/05 无线电
Python OpenCV实现图像模板匹配详解
2022/04/07 Python
Python实现双向链表基本操作
2022/05/25 Python