Функция возвращает значение в javascript

Question

Как я могу переписать нижнюю функцию так, чтобы она возвращала true/false только после нажатия одной из кнопок?

function something(param){ 
    var returnValue = false; 

    $('.btn-ok').on('click', function(){ 
    returnValue = false; 
    }); 

    $('.btn-cancel').on('click', function(){ 
    returnValue = true; 
    }) 

    return returnValue; 
} 

Проблема в настоящее время return returnValue; выполняет как только эта функция вызывается, но я хочу, чтобы ждать его, чтобы установить returnValue на основе кнопки.

UPDATE:

Извинения. Я думал, что приведенное выше объяснение того, что я пытаюсь сделать, было бы достаточно.

Я использую модуль Bootstrap modal с jQuery как front end и JSF/Java в бэкэнд. У меня есть событие с встроенным кликом, которое выглядит следующим образом:

onclick="if (!changeListner()) return false;" 

для связи. Это должно переопределить событие встроенного клика JSF. Так что это должно быть. changeListener() выглядит как таковой

function changeListener(){ 
    if(formChanged){ //formChanged is a variable that is set to true when an input value changes 
      return something(param);   
    } 
    return true; 
} 

something(param) фактически диалоговое окно сеттер, который показывает различные сообщения, основанные на параметре. Я пытаюсь передать true в событие online click, если пользователь решил нажать «Отменить» или заблокировать событие клика, если пользователь выбирает «Ok».

Answer 1

Вы должны перемещать кнопки вне вашей функции. Если они находятся внутри, вы будете продолжать применять это событие к своим селекторам каждый раз, когда он будет работать.

$('.btn-ok').on('click', function(){ 
    something(false) 
    }); 

    $('.btn-cancel').on('click', function(){ 
    something(true) 
    }) 

function something(value){ 
    var returnValue = value; 

    return returnValue; 
} 

Answer 2

Вы можете использовать функцию обратного вызова:

function something(callback){ 
    var returnValue = false; 

    $('.btn-ok').on('click', function(){ 
    returnValue = false; 
    callback(returnValue); 
    }); 

    $('.btn-cancel').on('click', function(){ 
    returnValue = true; 
    callback(returnValue); 
    }) 

    //return returnValue; 
} 

Использование:

something(function(returnValue){ 
    console.log("return value called") 
}) 

Answer 3

вы имеете в виду это?

var returnValue = false; 
function something(){ 
    return returnValue; 
} 
    $('.btn-ok').on('click', returnValue(){ 
    returnValue = false; 
    something(); 
    }); 

    $('.btn-cancel').on('click', function(){ 
    returnValue = true; 
    something(); 
    }) 

Answer 4

попробовать этот код

$('.btn-ok').on('click', function(){ 
    something(false); 
}); 

$('.btn-cancel').on('click', function(){ 
    something(true); 
}); 

function something(someVal){ 
    return someVal; 
} 

Answer 5

UPDATE: Теперь с JSFiddle примера. (Может не работать в IE, так как обещание не включено там до Края.)

https://jsfiddle.net/h91yw778/

Вы должны использовать обещание API, который будет решать, когда кнопка нажата.

Ниже приведен пример использования обозначения обозначений ES6. Эта функция прикрепляет и удаляет обработчики событий с помощью jquery, которые будут удалены при нажатии одной из двух кнопок. Когда он нажимается, обещание разрешается с возвращаемым значением. Поскольку это обещание, у него есть метод «then», который передается в качестве первого аргумента (который можно использовать с помощью функции.)

function handleButtonsWithPromise() { 
    var button1 = $("#button1Id"); 
    var button2 = $("#button2Id"); 
    //ES6 Promise API; others exist, including jquery deferred. 
    return new Promise(function(resolve, reject) { 
     var onButton1Click = function (event) { 
      //...; 
      resolve(true); //resolves the promise with the value of true; 
      button1.off('click', '**', onButton1Click); //clean up event handlers if necessary 
      button2.off('click', '**', onButton2Click); //clean up event handlers if necessary 
     }; 

     var onButton2Click = function (event) { 
      //...; 
      resolve(false); //resolves the promise with false; 
      button1.off('click', '**', onButton1Click); //clean up event handlers if necessary 
      button2.off('click', '**', onButton2Click); //clean up event handlers if necessary 
     }; 

     button1.on('click', onButton1Click); 
     button2.on('click', onButton2Click); 
    }); 
} 

handleButtonsWithPromise().then(result => { 
    console.log(result); 
    //... 
) 

Answer 6

Я хотел бы использовать тот же класс для обоих элементов и другого уникального имени класса/идентификатор для каждого один затем добавить этот код:

$('.common-class').click(function(){ 
return $(this).hasClass('unique-1'); 

})

Answer 7

, если нет необходимости в функцию сделайте что-нибудь еще, вы должны просто использовать следующее:

var returnValue = false; // or true depending on your default value 

$('.btn-ok').on('click', function(){ 
    returnValue = false; 
}); 

$('.btn-cancel').on('click', function(){ 
    returnValue = true; 
}); 

Затем используйте переменную retur nValue, когда вам это нужно.