本文實例講述了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程序設計有所幫助。