一旦两个输入字段都有一个jQuery值，就运行函数

Run function once both input fields have a value with jQuery

本文关键字：jQuery 有一个 函数 运行 字段 输入 两个      更新时间：2023-09-26

在我的页面上我有两个输入字段，一个开始和一个结束。

我有一个在第二个输入字段中运行keyup的函数-无论第一个字段是否为空，它都会运行。我还需要一些按钮来填充输入字段。

我要问的是，是否有一种方法可以添加某种类型的侦听器，以便一旦两个字段都包含一个值，我的函数将运行?

这里有一个小提琴，希望能更好地解释…

http://jsfiddle.net/Zn6UR/1/

var timer;
function CalculateRoutes(){
    alert('Done!');
}
$( '.end' ).keyup(keyup);
function keyup() {
    clearTimeout(timer);
    timer = setTimeout(CalculateRoutes,500);
}
$('.first').click(function(e){
    $('.start').val('Location1');
    e,preventDefault();
});
$('.second').click(function(e){
    $('.end').val('Location1');
    e,preventDefault();
});

Demo: http://jsfiddle.net/robschmuecker/Zn6UR/3/

function CalculateRoutes() {
    alert('Done!');
}
function bothHaveValues() {
    if ($('.start').val() != '' && $('.end').val() != '') {
        CalculateRoutes();
    }
}
$('.start, .end').keyup(keyup);
function keyup() {
    bothHaveValues()
}
$('.first').click(function (e) {
    $('.start').val('Location1');
    e.preventDefault();
    bothHaveValues()
});
$('.second').click(function (e) {
    $('.end').val('Location1');
    e.preventDefault();
    bothHaveValues()
});
相关文章：