Level Extreme platform
Subscription
Corporate profile
Products & Services
Support
Legal
Français
Javascript set button enable on checkbox true
Message
From
15/10/2010 09:30:45
 
 
To
15/10/2010 07:40:00
Timothy Bryan
Sharpline Consultants
Conroe, Texas, United States
General information
Forum:
ASP.NET
Category:
Other
Environment versions
Environment:
C# 4.0
Application:
Web
Miscellaneous
Thread ID:
01485567
Message ID:
01485573
Views:
43
>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>
Previous
Next
Reply
Map
View

Click here to load this message in the networking platform