使用Jquery在文本框上单击事件

Enabling Click event on a textbox using Jquery

本文关键字：单击 事件 文本 Jquery 使用      更新时间：2023-09-26

我试图禁用一个文本框，并使用jquery点击一个按钮的事件，像这样:

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

现在我需要启用它点击另一个按钮。我是这样做的:

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

但是click事件没有触发。

请建议如何修复

$("#NumberCalledTo").on('click');不够，需要重新绑定回调函数

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

试试这个:

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

或

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

$("#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
        });
    }
});

创建一个函数:

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

add作为回调函数:

 $('your button').on('click', enable);
相关文章：