Checkbox to Control Button Enabled Property - ASP.NET

Question

I would like to know how I can control the 'Enabled' property of a button based on the 'checked' value of a checkbox:

<asp:CheckBox ID="chkEnableButton" runat="server" />
<asp:Button ID="btnLoadForm" runat="server" />

I can do this very easily on the server side - but I require this to be done on client side only, meaning JavaScript. Would the OnCheckedChanged attribute allow me to call some JavaScript to do this....or is it strictly for calling a handler in the code-behind?

Just to clarify, when the checkbox is checked, the button is enabled... when the checkbox is unchecked the button is disabled.

o.k.w · Accepted Answer · 2009-10-28 10:16:46Z

2

Javascript:

<script type="text/javascript">
function checkButt(obj) {
    document.getElementById('<%=btnLoadForm.ClientID%>').disabled = !obj.checked;
}
</script>

Web Controls:

<asp:CheckBox ID="chkEnableButton" runat="server" OnClientClick="checkButt(this);" />
<asp:Button ID="btnLoadForm" runat="server" />

answered Oct 28, 2009 at 10:16

o.k.w

25.9k6 gold badges68 silver badges64 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 11:50:26Z

0

This SO question might give you a hint of how to do this. In your situation however, instead of changing the text of the Checkbox, find the Button control on your page and change it's disabled property.

edited May 23, 2017 at 11:50

CommunityBot

11 silver badge

answered Oct 28, 2009 at 10:15

pyrocumulus

9,3402 gold badges46 silver badges53 bronze badges

Comments

Ramiz Uddin · Accepted Answer · 2009-10-28 10:28:28Z

0

You can use here ClientID attribute so you can get the control on client side via javascript using document.getElementById or document.forms[0].elements[clientID].

function enableButton() {

$get('<%= btnLoadForm.ClientID %>').disabled = !$get('<%= chkEnableButton.ClientID %>').checked;

}

<asp:CheckBox ID="chkEnableButton" runat="server" OnClientClick="enableButton()" />

edited Oct 28, 2009 at 10:28

answered Oct 28, 2009 at 10:14

Ramiz Uddin

4,2694 gold badges43 silver badges73 bronze badges

1 Comment

pyrocumulus Over a year ago

It might be cleaner to use the $get shortcut there. See asp.net/ajax/documentation/live/ClientReference/Global/…

Collectives™ on Stack Overflow

Checkbox to Control Button Enabled Property - ASP.NET

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related