JQuery-Gridview勾選時顯示內值

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~