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 关于# 和 void的区别分析
Oct 26 Javascript
js监听表单value的修改同步问题,跨浏览器支持
Dec 31 Javascript
JS中setTimeout的巧妙用法前端函数节流
Mar 24 Javascript
JavaScript实现前端分页控件
Apr 19 Javascript
详谈angularjs中路由页面强制更新的问题
Apr 24 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
Jan 21 jQuery
vue 注册组件的使用详解
May 05 Javascript
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
Oct 26 Javascript
JavaScript如何判断对象有某属性
Jul 03 Javascript
vue全局使用axios的操作
Sep 08 Javascript
openlayers实现地图弹窗
Sep 25 Javascript
Javascript之datagrid查询详解
Sep 15 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
用户的详细注册和判断
2006/10/09 PHP
PHP中的array数组类型分析说明
2010/07/27 PHP
用PHP的超级变量$_GET获取HTML表单(Form) 数据
2011/05/07 PHP
利用php_imagick实现复古效果的方法
2016/10/18 PHP
thinkPHP框架实现生成条形码的方法示例
2018/06/06 PHP
PHP保存Base64图片base64_decode的问题整理
2019/11/04 PHP
JavaScript prototype对象的属性说明
2010/03/13 Javascript
网页前台通过js非法字符过滤代码(骂人的话等等)
2010/05/26 Javascript
关于JQuery($.load)事件的用法和分析
2013/04/09 Javascript
使用js判断数组中是否包含某一元素(类似于php中的in_array())
2013/12/12 Javascript
用nodejs实现PHP的print_r函数代码
2014/03/14 NodeJs
javascript实现下班倒计时效果的方法(可桌面通知)
2015/07/10 Javascript
js实现无缝滚动特效
2015/12/20 Javascript
AngularJs上传前预览图片的实例代码
2017/01/20 Javascript
微信小程序 常用工具类详解及实例
2017/02/15 Javascript
基于JavaScript实现滑动门效果
2017/03/16 Javascript
AnglarJs中的上拉加载实现代码
2018/02/08 Javascript
Angular2.0实现modal对话框的方法示例
2018/02/18 Javascript
[08:29]DOTA2每周TOP10 精彩击杀集锦vol.7
2014/06/25 DOTA
Python获取运行目录与当前脚本目录的方法
2015/06/01 Python
详解Python的Django框架中manage命令的使用与扩展
2016/04/11 Python
Windows上使用virtualenv搭建Python+Flask开发环境
2016/06/07 Python
浅谈python为什么不需要三目运算符和switch
2016/06/17 Python
python django 实现验证码的功能实例代码
2017/05/18 Python
python+selenium实现京东自动登录及秒杀功能
2017/11/18 Python
Python3实现的回文数判断及罗马数字转整数算法示例
2019/03/27 Python
PyQt5 QTable插入图片并动态更新的实例
2019/06/18 Python
利用Python模拟登录pastebin.com的实现方法
2019/07/12 Python
如何将tensorflow训练好的模型移植到Android (MNIST手写数字识别)
2020/04/22 Python
python 最简单的实现适配器设计模式的示例
2020/06/30 Python
Python爬取微信小程序通用方法代码实例详解
2020/09/29 Python
一个非常简单好用的Python图形界面库(PysimpleGUI)
2020/12/28 Python
python实现学生通讯录管理系统
2021/02/25 Python
使用CSS3的appearance属性改变任何元素的浏览器默认风格
2012/12/24 HTML / CSS
php访问对象中的成员的实例方法
2021/11/17 PHP
MySQL中JOIN连接的基本用法实例
2022/06/05 MySQL