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~