Enabling Click event on a textbox using Jquery

Question

I am trying to disable a textbox and click event of a button using jquery like this:

$("#NumberCalledTo").addClass("disabled");
    $("#NumberCalledTo").off('click');
    $("#NumberCalledTo").prop("readonly", true);
    $('#NumberCalledTo').tooltip({
        disabled: true
    });

Now I need to enable it on click of another button. I am doing it like this:

  $("#NumberCalledTo").removeClass("disabled");
            $("#NumberCalledTo").on('click');
            $("#NumberCalledTo").prop("readonly", false);

            $('#NumberCalledTo').tooltip({
                disabled: false
            });

but click event is not fired.

Please suggest how to fix it.

I think that there is some complex logic here! It may work simpler, you have just to make the input field active after clicking on that button. — SaidbakR
– SaidbakR, Commented May 17, 2013 at 11:55
What are you doing with $("#NumberCalledTo") when clicked. — Jai
– Jai, Commented May 17, 2013 at 11:56

xdazz · Accepted Answer · 2013-05-17 11:54:31Z

1

$("#NumberCalledTo").on('click'); is not enough, you need to bind the callback function again.

$("#NumberCalledTo").on('click', callback);

answered May 17, 2013 at 11:54

xdazz

161k38 gold badges255 silver badges278 bronze badges

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

3 Comments

xdazz Over a year ago

@DotnetSparrow It should be provided by you.

Jai Over a year ago

That is a function which works on click and i asked that to you too.

Ed_ Over a year ago

callback is the function that is executed when the event is fired. If you specified the behaviour of your button in the html (i.e. onClick="someFunction()", then the callback is someFunction.

Hermann Stephane Ntsamo · Accepted Answer · 2013-05-17 11:58:46Z

0

Try this:

$("#NumberCalledTo").on('click', function(){
    alert('You click me!');
});

OR

$("#NumberCalledTo").on('click', callbackFunction);

 function callbackFunction()
 {
   alert('You click me!');
 }

answered May 17, 2013 at 11:58

Hermann Stephane Ntsamo

5884 silver badges8 bronze badges

Comments

Anjith K P · Accepted Answer · 2013-05-17 12:00:56Z

0

$("#NumberCalledTo").click(function() {
    if ($(this).hasClass('disabled')) {
        //ENABLE CLICK
        $(this).removeClass("disabled")
                .prop("readonly", false).tooltip({
            disabled: false
        });

    } else {
        //DISABLE CLICK
        $(this).addClass("disabled")
                .prop("readonly", true)
                .tooltip({
            disabled: true
        });
    }
});

answered May 17, 2013 at 12:00

Anjith K P

2,15827 silver badges35 bronze badges

Comments

Jai · Accepted Answer · 2013-05-17 12:01:51Z

0

make a function:

 function enable(){
    $("#NumberCalledTo").removeClass("disabled");
    $("#NumberCalledTo").on('click');
    $("#NumberCalledTo").prop("readonly", false);

    $('#NumberCalledTo').tooltip({
        disabled: false
    });
 }

add as callback function:

 $('your button').on('click', enable);

answered May 17, 2013 at 12:01

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Collectives™ on Stack Overflow

Enabling Click event on a textbox using Jquery

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related