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 相关文章推荐
关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题
Mar 01 Javascript
AngularJS学习笔记之基本指令(init、repeat)
Jun 16 Javascript
jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果
Aug 22 Javascript
Vue.js表单控件实践
Oct 27 Javascript
微信小程序中单位rpx和rem的使用
Dec 06 Javascript
js多个物体运动功能实例分析
Dec 20 Javascript
完美实现js选项卡切换效果(二)
Mar 08 Javascript
删除table表格行的实例讲解
Sep 21 Javascript
vue+springboot实现项目的CORS跨域请求
Sep 05 Javascript
Vue路由的模块自动化与统一加载实现
Jun 05 Javascript
解决iview table组件里的 固定列 表格不自适应的问题
Nov 13 Javascript
html中两种获取标签内的值的方法
Jun 16 jQuery
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
php检测apache mod_rewrite模块是否安装的方法
2015/03/14 PHP
tp5.1 框架join方法用法实例分析
2020/05/26 PHP
JQuery 表格操作(交替显示、拖动表格行、选择行等)
2009/07/29 Javascript
js下通过getList函数实现分页效果的代码
2010/09/17 Javascript
基于BootStrap Metronic开发框架经验小结【七】数据的导入、导出及附件的查看处理
2016/05/12 Javascript
JQuery点击行tr实现checkBox选中的简单实例
2016/05/26 Javascript
关于JS中的方法是否加括号的问题
2016/07/27 Javascript
JS实现的验证身份证及获取地区功能示例
2017/01/16 Javascript
vue组件横向树实现代码
2018/08/02 Javascript
Vue中使用ElementUI使用第三方图标库iconfont的示例
2018/10/11 Javascript
详解Vue.directive 自定义指令
2019/03/27 Javascript
微信小程序如何实现五星评价功能
2019/10/15 Javascript
Vue 使用Props属性实现父子组件的动态传值详解
2019/11/13 Javascript
vue 表单输入框不支持focus及blur事件的解决方案
2020/11/17 Vue.js
[04:11]DOTA2亚洲邀请赛小组赛第一日 TOP10精彩集锦
2015/01/30 DOTA
Python读写Redis数据库操作示例
2014/03/18 Python
介绍Python中的一些高级编程技巧
2015/04/02 Python
详解django三种文件下载方式
2018/04/06 Python
PyQt5 QListWidget选择多项并返回的实例
2019/06/17 Python
Python 使用 docopt 解析json参数文件过程讲解
2019/08/13 Python
解决Pycharm的项目目录突然消失的问题
2020/01/20 Python
Django REST framwork的权限验证实例
2020/04/02 Python
在keras 中获取张量 tensor 的维度大小实例
2020/06/10 Python
解决Tensorflow2.0 tf.keras.Model.load_weights() 报错处理问题
2020/06/12 Python
提高python代码运行效率的一些建议
2020/09/29 Python
解决python3中os.popen()出错的问题
2020/11/19 Python
俄罗斯化妆品和香水网上商店:Iledebeaute
2019/01/03 全球购物
英国领先的名牌服装折扣零售商:Brown Bag Clothing
2019/01/08 全球购物
最美乡村医生事迹材料
2014/06/02 职场文书
工作求职自荐信
2014/06/13 职场文书
2014年乡镇个人工作总结
2014/12/03 职场文书
悬空寺导游词
2015/02/05 职场文书
污水处理保证书
2015/05/09 职场文书
读书笔记格式
2015/07/02 职场文书
2019年入党思想汇报
2019/03/25 职场文书
HTML5基础学习之文本标签控制
2022/03/25 HTML / CSS