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~