Enable disable textbox on HTML checkbox check changed event

Question

1.00/5 (1 vote)

See more:

Hi,
I have a HTML checkbox whose value bind from angularjs ng-model.
I want to enable or disable the HTML textbox according to that value of checkbox.

When page loads, value of checkbox may be true or false. Accordingly textbox should also be enabled or disabled.

And when user checks/unchecks the checkbox, the textbox should also get enabled or disabled.

This is my HTML page:

ASP.NET

<table class="tblDataEntry">
 <tr>
     <td class="tdCheck" colspan="2">
        <input type="checkbox" id="chkDashboard" data-ng-model="PropCollection.IsDashboardConfigured"  enableviewstate="true" tabindex="6" onclick="javascript:SetDashboardControlsEnable(this);" ondblclick="alert();" />Dashboard		
     </td>
 </tr>
 <tr>
     <td class="tdLabel">Server Name:</td>
     <td class="tdField">
        <input type="text" id="txtDashBoardServerName" data-ng-model="PropCollection.ServerName" clientidmode="Static" runat="server" class="aspTextbox" tabindex="7" maxlength="255" />
     </td>
 </tr>
</table>

What I have tried:

I tried calling a javascript function on onclick event of the checkbox. But event does not fire.

Posted 15-Apr-16 2:41am

Lokesh Zende

Updated 15-Apr-16 3:33am

Add a Solution

Comments

Sergey Alexandrovich Kryukov 15-Apr-16 9:03am

No you did not. If you did, you would write the code with JavaScript and everything in "What I have tried".
Or do you just want to keep what you really tried in secret?
—SA

Lokesh Zende 17-Apr-16 23:47pm

yes..I want to keep it a secret ;)

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard Deeming · Accepted Answer · 2016-04-15T03:33:00

Well that seems like an odd way to do it! AngularJS handles this sort of thing for you automatically, using the ngDisabled[^] directive: