JS取gridview數據

原创于 2014-12-29 13:41:21 发布 · 359 阅读

CC 4.0 BY-SA版权

文章标签：

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript从GridView中准确获取数据的方法。通过选择特定行的复选框，可以获取该行的其他数据，例如身份证号码等。文章详细解释了如何通过DOM操作定位到所需的单元格。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

網上很多用JS取gridview數據的方法，但我在使用過程中都出現了串位問題，於是詢問了同事寫了這個方法。gridview 在前台想用JS獲取其內部數據的時候，本質上gridview是一個table，解析出來的結構比如說如下隨便在網上找的圖：

選定楊宛君這一行，點選了checkbox，要取這一行其他的資料，則如下：

var chk = $("input:checked");
var emp = $(chk.parent().parent().children()[0]).text();    //身份證號碼

chk 為一個<td></td>

chk.parent() 為這一行 <tr></tr>

chk.parent().parent() 為整個gridview，一個<table></table>

chk.parent().parent().children() 為當前點選的行作為一個gridview，即所有<tr></tr>

$(chk.parent().parent().children()[0]) 為當前點選行的第一個孩子<td></td>，即身份證號碼.