js實(shí)現(xiàn)遍歷含有input的table實(shí)例

更新時(shí)間：2015年12月07日 14:36:02 作者：淳淳剛剛

這篇文章主要介紹了js實(shí)現(xiàn)遍歷含有input的table方法,結(jié)合實(shí)例形式分析了jsp讀取數(shù)據(jù)庫動態(tài)生成table及JavaScript遍歷table的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了js實(shí)現(xiàn)遍歷含有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程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JS控制靜態(tài)頁面之間傳遞參數(shù)獲取參數(shù)并應(yīng)用的簡單實(shí)例
下面小編就為大家?guī)硪黄狫S控制靜態(tài)頁面之間傳遞參數(shù)獲取參數(shù)并應(yīng)用的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-08-08
javascript新聞跑馬燈實(shí)例代碼
這篇文章主要為大家詳細(xì)介紹了javascript新聞跑馬燈實(shí)例代碼，所謂的跑馬燈就是無縫滾動效果代碼，常見于新聞公告之類的功能，需要的朋友可以參考下
2015-12-12
JS實(shí)現(xiàn)閉包中的沙箱模式示例
這篇文章主要介紹了JS實(shí)現(xiàn)閉包中的沙箱模式,結(jié)合實(shí)例形式分析了閉包模塊化實(shí)現(xiàn)沙箱模式的原理、步驟與相關(guān)操作技巧,需要的朋友可以參考下
2017-09-09
JavaScript中最常用的10種代碼簡寫技巧總結(jié)
這篇文章主要總結(jié)了JavaScript中最常用的10種代碼簡寫技巧的相關(guān)資料，其中包括三元操作符、短路求值簡寫方式、聲明變量簡寫方法、if存在條件簡寫方法及JavaScript循環(huán)簡寫方法等等，分別給出了詳細(xì)的示例代碼供大家參考，需要的朋友們下面來一起看看吧。
2017-06-06
chrome不支持form.submit的解決方案
最近在解決項(xiàng)目中網(wǎng)站瀏覽器兼容性問題，發(fā)現(xiàn)chrome竟然不支持form.submit，經(jīng)網(wǎng)上搜尋，終于找到了解決方案，有需要的小伙伴參考下。
2015-04-04
js實(shí)現(xiàn)時(shí)鐘定時(shí)器
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)時(shí)鐘定時(shí)器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-03-03
Javascript實(shí)現(xiàn)拖拽排序的代碼
這篇文章主要介紹了Javascript實(shí)現(xiàn)拖拽排序的代碼，本文在vue運(yùn)行環(huán)境下給大家演示下效果圖，對js拖拽排序?qū)嵗a感興趣的朋友跟隨小編一起看看吧
2022-09-09
js LZ77算法的實(shí)現(xiàn)代碼
JS操作二進(jìn)制很麻煩，而且一直沒有一個(gè)好的無損壓縮工具來實(shí)現(xiàn)純文本的壓縮。
2010-04-04
JavaScript動畫原理之如何使用js進(jìn)行動畫效果的實(shí)現(xiàn)
在現(xiàn)在做頁面很多時(shí)候都會用上動畫效果,比如下拉菜單,側(cè)邊搜索欄,層的彈出與關(guān)閉等等,下面這篇文章主要給大家介紹了關(guān)于JavaScript動畫原理之如何使用js進(jìn)行動畫效果實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下
2023-04-04
uni-app使用uploadFile上傳多張圖片的具體實(shí)現(xiàn)
在微信小程序中不支持多張圖片上傳,需要做循環(huán)實(shí)現(xiàn)多張圖片上傳,下面這篇文章主要給大家介紹了關(guān)于uni-app使用uploadFile上傳多張圖片的具體實(shí)現(xiàn),需要的朋友可以參考下
2023-04-04