>>>>Hi all,
>>>>
>>>>I have what I thought would be a simple task. I have a user control on an asp.net page showing an agreement form. All I want to do is enable a continue button after a checkbox is checked to indicate agreement. I wanted to avoid a postback so am trying to set the button to enabled when the checkbox is checked but I cannot get this to work. I have tried several approaches found on web including the below. (I changed the angle brackets to parens so they would show)
>>>>
>>>>Anybody with javascript knowledge have an answer that might help me? Thanks a bunch
>>>>Tim
>>>>
>>>>
>>>>This is just one approach I tried.
>>>>
>>>> (mm:mmCheckBox ID="chkAgree" runat="server" Checked="false" Text="I Agree to the Terms" /)
>>>>
>>>> (mm:mmButton ID="btnAgreeContinue" runat="server" Text="Continue"
>>>> Enabled="False" /)
>>>>
>>>>function SetAgreeAndContinue(checkbox, buttonid) {
>>>> var button = document.getElementById(buttonid);
>>>>
>>>> if (checkbox.checked)
>>>> button.enabled = true;
>>>> else
>>>> button.enabled = false;
>>>> }
>>>>
>>>>In the code behind
>>>>protected override void OnInit(EventArgs e)
>>>>{
>>>> chkAgree.Attributes.Add("onClick", string.Format("javascript:SetAgreeAndContinue(this,'{0}');", btnAgreeContinue.ClientID));
>>>> base.OnInit(e);
>>>>}
>>>>>>>
>>>Haven't tried your code but something based on this should work (assuming the mm controls are derived from the asp ones):
<head runat="server">
>>> <title></title>
>>></head>
>>> <script language="javascript" type="text/javascript">
>>> function SetAgreeAndContinue(checkbox) {
>>> var button = document.getElementById("btnAgreeContinue");
>>> button.disabled = !checkbox.checked;
>>> }
>>> </script>
>>>
>>><body>
>>> <form id="form1" runat="server">
>>> <div>
>>> <asp:CheckBox ID="chkAgree" runat="server" onclick="SetAgreeAndContinue(this)" />
>>> <asp:Button ID="btnAgreeContinue" runat="server" Text="OK" disabled="true" />
>>> </div>
>>> </form>
>>></body>>>
>>Thanks Viv,
>>
>>How would this be different since I am using a web user control. I cannot put the script in the head section (there isn't one). I suppose I could add a content place holder in the head of the master page, but not sure I could add to that within the web user control. Maybe I need to inject it via code.
>
>Try this in the Page_Load:
Page.RegisterStartupScript("S",
> @"<script language='javascript' type='text/javascript'>
> function SetAgreeAndContinue(checkbox) {
> var button = document.getElementById('btnAgreeContinue');
> button.disabled = !checkbox.checked;
> }
> </script>");I think Page.RegisterStartupScript has been made obsolete so you might want to check out the ClientScript class version.....
I couldn't get this to work. I do see the script is injected when I look in firebug but I also see when I drill down the button ID is a long name starting with ctl00_ctl00_Retirement Management System_cphOuterContent_cphMainContent_RightContent_ctrlAgreement_btnAgreeContinue
Can that have anything to do with it?
Tim
Timothy Bryan
