JS獲得ASP.NET(C#)頁面上GridView選中行的資訊

做web開發還是新手的我，之前為了得到Gridview中的值，是將其通過服務端控制項先將Gridview中的資料儲存到服務端，然後綁定當一個服務端的隱藏欄位，之後通過js讀取隱藏欄位中的值，現在感覺這種方法很笨；雖然得到資料是很容易的僅僅是遍曆一下Gridview，但是考慮的效能，我還是想用js來讀取。現在可以得到我想要的資料了，為了方便以後和我一樣的新手，現在簡單記下，希望能夠拋磚引玉，有待找到更好的解決辦法。如果您有更好的想法請聯絡qq：643166601，我會及時記錄更新。

1.準備資料庫，我的資料庫名字叫做LionDB，下面有一個表叫做User，如下：

User表的定義，如下：

User表中的資料，如下：

2.頁面上放兩個控制項 

a) GridView，綁定資料來源，添加checkbox列，其他列自動綁定

b) Input(Button) ，添加事件（為以後得具體哪一行或那幾行資料做準備）

之後，頁面效果如下：

4.js關鍵代碼

    <script language="javascript" type="text/javascript">// <![CDATA[        function btnChecked_onclick() {            var tb = document.getElementById("<%=GridView1.ClientID %>");             var sLine = "";            if (tb) {                var rows = tb.rows;                for (var i = 1; i < rows.length; i++) {                    var cbx = rows[i].cells[0].childNodes[0].nextElementSibling;                    if (cbx.type == 'checkbox' && cbx.checked == true) {                        var sUserId = rows[i].cells[1].innerHTML;                        var sUserName = rows[i].cells[2].innerHTML;                        sLine += "userId:" + sUserId + "userName:" + sUserName + " ";                    }                }          alert(sLine);            }        }// ]]>    </script>

5.運行效果

6.得到想要的結果

源碼包：

點擊開啟連結