Как заставить триггер срабатывать при каждом событии?

Question

[Искандер Мамедов]

Написал такой код:

jQuery(function($){
$( "input[name='payment_method']" ).change(function() {
  $(document.body).trigger('update_checkout');
});
});

Проблема в том, что мне нужно, чтобы update_checkout срабатывал при каждом событии change на input. А он срабатывает всего один раз.
Всего у меня есть 4 таких input.

Answer 1

[polar-bear]

А если так попробовать,

$(document).on('change', 'input[name="payment_method"]', function() {
    $(document.body).trigger('update_checkout');
});

Comments

[Искандер Мамедов]

jQuery( function( $ ) {
"use strict";
$('body').on('change', 'input[name="payment_method"]', function() {
$('body').trigger('update_checkout');
});
});

Answer 2

[Максим]

$( "input[name='payment_method']" ).on('keyup', function() {
  $(document.body).trigger('update_checkout');
});

p.s. посмотрите разницу между событиями: keyup, keypres и keydown (выберите подходящее)

Comments

[Искандер Мамедов]

Не срабатывает при клике мышкой:(

[Максим]

Ок, раз вам нужно отслеживать не только изменение значение в инпуте, а фокус и потерю фокуса - то добавьте там же через пробел 'focus' и 'blur', то есть будет так: 'keyup focus blur'

[Искандер Мамедов]

Максим: Все равно срабатывает лишь один раз.

Answer 3

[GreatRash]

Событие change на текстовом поле срабатывает когда оно теряет фокус. Видимо payment_method - это текстовое поле.

Comments

[Искандер Мамедов]

Это radio

[GreatRash]

Искандер Мамедов: Тогда, чтобы change сработал нужен как минимум второй radio: codepen.io/GreatRash/pen/JKKzLM

Answer 4

[Руслан Сайфуллин]

$( "body" ).on('change', "input[name='payment_method']", function() {
  $(document.body).trigger('update_checkout');
});

Answer 5

[Nash]

потер.

Выше решение от Руслан Сайфуллин должно работать