脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js遍历含有input的table

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

 更新时间：2015年12月07日 14:36:02   作者：淳淳刚刚  
这篇文章主要介绍了js实现遍历含有input的table方法,结合实例形式分析了jsp读取数据库动态生成table及JavaScript遍历table的相关技巧,需要的朋友可以参考下

本文实例讲述了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>&nbsp;</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>&nbsp;</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程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • Boostrap中栅格布局的实现

    Boostrap中栅格布局的实现

    这篇文章主要为大家详细解析了Boostrap 栅格布局,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2017-01-01
  • JavaScript 保存数组到Cookie的代码

    JavaScript 保存数组到Cookie的代码

    大部分的浏览器一个网站只支持保存20个Cookie，超过20个Cookie，旧的Cookie会被最新的Cookie代替。那么如果要有超过20个Cookie要保存只能将Cookie存为数组然后保存到Cookie。
    2010-04-04
  • 浅谈js中对象的使用

    浅谈js中对象的使用

    下面小编就为大家带来一篇浅谈js中对象的使用。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • 微信小程序语音同步智能识别的实现案例代码解析

    微信小程序语音同步智能识别的实现案例代码解析

    在一些小程序的开发场景中经常会有语音转文字的需求，今天小编通过实际案例给大家分享微信小程序语音同步智能识别功能，需要的朋友可以参考下
    2020-05-05
  • Javascript字符串拼接小技巧(推荐)

    Javascript字符串拼接小技巧(推荐)

    下面小编就为大家带来一篇Javascript字符串拼接小技巧(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • 详解JavaScript如何控制并发请求数量

    详解JavaScript如何控制并发请求数量

    某些情况下,我们可能需要对需要执行的多个异步任务进行异步数量控制,只允许固定数量的任务执行,本文为大家整理了JS控制并发请求数量的相关代码,希望对大家有所帮助
    2024-01-01
  • 详解怎么检测和防止JavaScript死循环

    详解怎么检测和防止JavaScript死循环

    最近工作中遇到了一些死循环导致的页面卡死问题,经过 trouble shooting 和代码修复解决了问题,所以下面这篇文章主要给大家介绍了怎么检测和防止JavaScript死循环的相关资料,需要的朋友可以参考下
    2021-11-11
  • JS常用知识点整理

    JS常用知识点整理

    本篇文章主要介绍了javascript的知识点。具有一定的参考价值，下面跟着小编一起来看下吧
    2017-01-01
  • 原生JS实现导航下拉菜单效果

    原生JS实现导航下拉菜单效果

    这篇文章主要介绍了JS实现导航下拉菜单效果，用原生JS实现的一个导航下拉菜单，下拉菜单的宽度与浏览器视口的宽度一样，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-03-03
  • JavaScript计时器用法分析【setTimeout和clearTimeout】

    JavaScript计时器用法分析【setTimeout和clearTimeout】

    这篇文章主要介绍了JavaScript计时器用法,结合实例形式分析了setTimeout和clearTimeout函数的具体使用技巧,需要的朋友可以参考下
    2017-01-01

最新评论