Disable textbox in onclick checkbox in javascript

Question

0.00/5 (No votes)

See more:

Hi everyone......

I need help to disable textbox in onclick checkbox event...
Here is my code:

XML

function ascheckpossible() {
            //debugger;
            var aspossible = document.getElementById("<%=aspossible.ClientID%>");

            if (aspossible.checked == true) {
                document.getElementById("time").style.visibility = "hidden";
                document.getElementById("datetime").style.visibility = "hidden";
                document.getElementById("timedate").style.visibility = "hidden";

            }
            else {
                document.getElementById("time").style.visibility = "visible";
                document.getElementById("datetime").style.visibility = "visible";
                document.getElementById("timedate").style.visibility = "visible";
                document.getElementById("<%=deliveryTime.ClientID %>").value = "";
                document.getElementById("<%=hour.ClientID %>").value = "";
                document.getElementById("<%=min.ClientID %>").value = "";
                document.getElementById("<%=ddltime.ClientID %>").value = "AM";

            }
        }

Here aspossible is checkbox id and time,timedate,datetime is id of textbox inside div tag.

Pls help me...

Posted 3-Mar-12 20:31pm

vivekx2

Add a Solution

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)

Sergey Alexandrovich Kryukov · Answer 1 · 2012-03-03T20:52:00

Just call this function on a handler of the event onclick of the check box. Please see:
http://www.w3schools.com/jsref/dom_obj_event.asp[^].

JavaScript

<input type="checkbox" id="<%=aspossible.ClientID%>" onclick="ascheckpossible()" />

Also, call this function to initialize visibility and other setting according to the initial state of your check box.

This is very convenient to do with jQuery. It produces much more compact and easy-to-support code. Please see:
http://en.wikipedia.org/wiki/JQuery[^],
http://jquery.com/[^],
http://docs.jquery.com/How_jQuery_Works[^],
http://api.jquery.com/category/selectors/[^],
http://api.jquery.com/category/events/[^],
http://api.jquery.com/category/attributes/[^].

Two last links embrace all library features you need to know to solve you simple problem: selectors would replace document.getElementById and return jQuery wrappers to any element, and events would replace event properties and handler calls, using attribute functions. All the code is usually written as a single handler of the $(document).ready event:

JavaScript

$(document).ready(function() {
   myCheckBox = $("#<%=aspossible.ClientID%>");
   // other elements
   myCheckBox.//change any properties
   myCheckBox.click(function() {
      //some code using myCheckBox status and other element properties, such as attributes 
   })
 });

—SA