how to get input of type image in first cell of the gridview row using jquery

Question

User1873097007 posted

Hiall,

I want to change src of imagebutton on outside checkbox check.,  the image button is in 1st column/cell of gridview along with one label also in the same cell.

I want to do this using jquery but I dont know the syntax much.

I'm trying following but not getting success:

in for loop: 

$(Rows[row]).children('td:nth-child(1)')[0].childNodes[0].src = "images/minus.gif";

$(Rows[row]).children('td:nth-child(0)').children('input[type=image]').attr("src", "images/minus.gif");

Above two lines not showing imagebutton in childNodes collection but I can see label  in the collection at 0th position or child.

any help??

Answer 1

User1686483761 posted

Hi sameer,

I'm trying following but not getting success:

Could you please share your related code with us so that we could reproduce your problem?

Answer 2

User61956409 posted

Hi sameerpantvaidya,

I want to change src of imagebutton on outside checkbox check.,  the image button is in 1st column/cell of gridview along with one label also in the same cell.

You could refer to the following sample code to dynamically change ImageUrl of ImageButton within GridView.

<script>
    $(function () {
        $("#mychk").change(function () {
            var ischecked = $(this).is(":checked");
            //alert(ischecked);
            if (ischecked) {
                $("#<%=GridView1.ClientID%>").find("tbody tr:not(:first-child) td:first-child input[type=image]").attr("src", "../../Images/orderedList1.png");
            } else {
                $("#<%=GridView1.ClientID%>").find("tbody tr:not(:first-child) td:first-child input[type=image]").attr("src", "../../Images/orderedList0.png");
            }
        })
    })
</script>

<asp:CheckBox ID="mychk" runat="server" />
<br />
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
    <Columns>
        <asp:TemplateField HeaderText="Column1">
            <ItemTemplate>
                <asp:ImageButton ID="mybtn" runat="server" ImageUrl="~/Images/orderedList0.png" />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Column2">
            <ItemTemplate>
                <asp:Label ID="lbldata" runat="server" Text='<%#Eval("field") %>'></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

Best Regards,

Fei Han