Как передать динамические параметры на событие изменения переключателя

Question

У меня есть несколькоbuttons, вызывающий функцию на click event. В этой функции я связываю change event управления Radio Button с некоторыми динамическими параметрами. Я могу привязать событие изменения к управлению ящиком. Но не в состоянии получить значения параметров.

function ButtonClickFunction(one, two) { 

    $('input[type = "radio"]').change(function (one, two) { 

     console.log(one); // shows a radio button object 
     console.log(two); // gives undefined 
    }); 
} 

То, что я получаю в консоли, является объектом переключателя и неопределенным. Я уверен, что я делаю что-то неправильно, но не знаю, что? Любая помощь будет оценена.

Обновление: У меня есть несколько кнопок, призывающих тот же function, используя ответы, данные значения получают в два раза. Я имею в виду, что я получаю несколько значений.

eg: Passing some integer as variables: 
on first button click got 1,2. 
and then on second button click got 1,2,3,4. 

Answer 1

хорошо, чтобы быть ясно, когда вы звоните ButtonClickFunction что он делает регистрирует новый обработчик события щелчка, поэтому при нажатии несколько раз обработчиков получить сложенные, и выполняются. Следовательно, в первый раз только один обработчик, второй раз два обработчика и так далее.

Уловка, просто потянув, что регистрация обработчика из функции или отключить креплениями перед тем зарегистрировать новый обработчик как

function ButtonClickFunction(one, two) 
{ 
    $('input[type= "radio"]').off('change').on('change', function (e) { 
     console.log(one); 
     console.log(two); 
    }); 
} 

надеюсь, что это имеет смысл

Answer 2

Анонимная функция имеет event в качестве первого параметра по умолчанию, следовательно, почему ваше протоколирование one возвращает объект. Если вы хотите получить доступ к переменным one и two родительской функции, просто оставьте параметры от анонимной функции, и у вас уже будет доступ из-за того, как они охвачены областью.

function ButtonClickFunction(one, two) { 
    //EVERYTHING INSIDE THIS FUNCTION HAS ACCESS TO "ONE" AND "TWO 
    //INCLUDING YOUR CHANGE EVENT 
    $('input[type = "radio"]').change(function (e) { 
     //you have access! 
    }); 
} 

Answer 3

Попробуйте это:

function ButtonClickFunction(one, two) { 

    $('input[type = "radio"]').change(function() { 

     console.log(one); 
     console.log(two); 
    }); 
} 

По словам других, функции обработки имеет свои предопределенные параметры. Пожалуйста, прочитайте документы для .change()

Кроме того, ваш код показывает объект переключателя для one, потому что первым ожидаемым параметром для этой функции обработчика является объект, который изменился (ваш переключатель). two показывает undefined, поскольку обработчик ожидает только один или отсутствие параметров, что делает второй параметр неопределенным.

Answer 4

Вы должны использовать on(), а затем передать дополнительную информацию в функции обработчика с помощью второго параметра:

$('input[type= "radio"]').on('change', { 'one': one, 'two': two }, function (e) { 
    console.log(e.data.one); 
    console.log(e.data.two); 
}); 

Это уже было сказано, вы должны быть в состоянии получить доступ к ним в обратный вызов, просто дон «т передать их к нему:

function ButtonClickFunction(one, two) 
{ 
    $('input[type="radio"]').change(function() { 
     console.log(one); 
     console.log(two); 
    }); 
}