JQuery-Gridview勾選時顯示內值
在寫需求時,有一個很久沒有完成,
在此感謝「黑暗執行緖」大人 (Orz 先拜一下),
提供參考寫法。
我們是想在「Gridview」中先加入「checkbox」,
然後使用者勾選「checkbox」時,就顯示該列的欄位(例如:ID)資料。
HTML:
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1"> <Columns> <asp:TemplateField> <HeaderTemplate> <asp:CheckBox ID="CheckBox1" runat="server" onclick='chkall("form1",this)' /> </HeaderTemplate> <ItemTemplate> <input type="checkbox" class="cPicker" /> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="ID" HeaderText="ID" SortExpression="ID" /> </Columns> </asp:GridView>
重點來了 JQuery!
$(function () { $(".cPicker").click(function () { if (this.checked == true) { alert($(this).parent().next().text()); } }); });
這並沒有指定欄位(ID),而是找出它所在的位置,加以顯示,
如果需要其他欄位,就再加「NEXT()」,
以上報告!
自我LV~