Javascript 如何编写单个Jquery函数来触发文档更改和就绪事件

Javascript 如何编写单个Jquery函数来触发文档更改和就绪事件,javascript,jquery,Javascript,Jquery,我试图做的只是在加载文档后调用这个函数,而且在某些元素值发生更改时也调用这个函数。对于document.ready() 我基本上需要的是这个函数在表单上已经存在的值被更改之前运行并检查它们。如下使用: var changeFn = function() { that.UpdateDays(); if ($("#holiday-editor input[name=StartDate]").val() == $("#holiday-editor input[name=EndDate]

我试图做的只是在加载文档后调用这个函数,而且在某些元素值发生更改时也调用这个函数。对于
document.ready()

我基本上需要的是这个函数在表单上已经存在的值被更改之前运行并检查它们。

如下使用:

var changeFn = function() {
    that.UpdateDays();
    if ($("#holiday-editor input[name=StartDate]").val() == $("#holiday-editor input[name=EndDate]").val() && $("#holiday-editor input[name=StartDate]").val() + $("#holiday-editor input[name=EndDate]").val() != "") {
        $("#IsHalfDay").show();
    } else {
        $("#IsHalfDay").hide();
        $("input[name=HalfDay]").removeAttr("checked");
        $("#amPM").hide();
        $("#HalfDayAP").val("");
    }
};

$(document).on("change", "#holiday-editor input[name=StartDate],input[name=EndDate]", changeFn);
您还可以在
ready
上或在任何需要的时候调用
changeFn()

var changeFn = function() {
    that.UpdateDays();
    if ($("#holiday-editor input[name=StartDate]").val() == $("#holiday-editor input[name=EndDate]").val() && $("#holiday-editor input[name=StartDate]").val() + $("#holiday-editor input[name=EndDate]").val() != "") {
        $("#IsHalfDay").show();
    } else {
        $("#IsHalfDay").hide();
        $("input[name=HalfDay]").removeAttr("checked");
        $("#amPM").hide();
        $("#HalfDayAP").val("");
    }
};

$(document).on("change", "#holiday-editor input[name=StartDate],input[name=EndDate]", changeFn);