Refering to controls through javascript function

Question

I have a radiobutton column in a gridview, inside many nested asp tables. I want radios enable two buttons upon click. so I added this the following function an javascript but it cannot find my controls although I turned ClientIDMode="Static" for those buttons. It returns null.

<asp:GridView ID="gridView_stLists" runat="server" AutoGenerateColumns="False" CellPadding="3"
                                                    BorderStyle="NotSet" CssClass="table_layout" Width="500">
                                                    <RowStyle CssClass="table_body" />
                                                    <Columns>
                                                        <asp:TemplateField HeaderStyle-Width="20">
                                                            <ItemTemplate>
                                                                <input name="radioBtn_res" type="radio" value='<%# Eval("uri") %>' onclick="rdBtn_onClick()" />
                                                            </ItemTemplate>

<script language="javascript" type="text/javascript">

function rdBtn_onClick()
{
document.getElementById("btn_delete_list").enable=true;
document.getElementById("btn_showRes").enable=true;

}
    </script>

can the problem be from the place of script tag? I put it under content tag.

Russ Cam · Accepted Answer · 2009-07-10 22:38:49Z

1

Change your JavaScript to this

<script language="javascript" type="text/javascript">  
    function rdBtn_onClick() {

    document.getElementById("<%= btn_delete_list.ClientID %>").disabled = false;
    document.getElementById("<%= btn_showRes.ClientID %>").disabled = false;

    }
</script>

I'm guessing that the problem is to do with INamingContainer changing the ids of controls in the rendered HTML sent to the client.

Where are the buttons in your markup? What does the HTML look like when you View Source?

edited Jul 10, 2009 at 22:38

answered Jul 10, 2009 at 22:33

Russ Cam

126k34 gold badges211 silver badges275 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ehsan Over a year ago

thanks, this way it doesn't say null, but doesn't get the buttons eather

Ehsan Over a year ago

Thank you very much, it finally worked, by combining these two answers. Thanks again

Chetan S · Accepted Answer · 2009-07-10 22:35:05Z

1

can the problem be from the place of script tag? I put it under content tag.

No.

Where are the buttons? View the generated html source. Are the buttons there with the id you are looking for?

Also, it should be element.disabled = false, not element.enable = true

edited Jul 10, 2009 at 22:35

answered Jul 10, 2009 at 22:28

Chetan S

23.8k2 gold badges67 silver badges78 bronze badges

1 Comment

Ehsan Over a year ago

Thank you very much, it finally worked, by combining these two answers. Thanks again

Collectives™ on Stack Overflow

Refering to controls through javascript function

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related