флажок обнаружения не отмечен с помощью jquery

Question

флажок обнаружения не отмечен с помощью jquery

0

Я пытаюсь обнаружить, когда флажок установлен или не установлен в jquery. Я динамически создаю флажки из содержимого json. Вот как они созданы:

$.each(data.modifierOptions, function(key, item) {
                            var checkBox = "<input type='checkbox' class='modifier' data-name='" + item.Name + "' + data-price='" + item.Price + "' name='" + item.Name + "' value='" + item.ID + "'/>" + item.Name + "<br/>";
                            $(checkBox).appendTo('#modifiersDiv');
                        });

Теперь, просматривая источник тела, я получаю следующее:

Наконец, я пытаюсь получить событие checked/unchecked с этим событием jquery, но ничего не происходит:

$('input:checkbox.modifier').change(function () {
            var sThisVal = (this.checked ? $(this).val() : "");
        });

Любая идея, как я могу это решить?

Заранее спасибо, Laziale

ОБНОВИТЬ:

Я хочу получить событие с помощью класса флажка. благодаря

Laziale 17 апр. 2014, в 18:15

Источник

0

используйте прослушиватель событий mousedown() вместо change() .
CJ Ramki 17 апр. 2014, в 16:13
1

Это спрашивают сто раз в неделю, по крайней мере ...
A. Wolff 17 апр. 2014, в 16:23

Теги:

javascript

jquery

html

jquery-ui

checkbox

3 ответа

1

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

$(document).on("change", "input[type='checkbox'].modifier", function () {
    var sThisVal = (this.checked ? $(this).val() : "");
});

Maurice Perry 17 апр. 2014, в 14:35

1

Спасибо за редактирование. Привычка писать селектор jquery внутри "" собирается повесить меня когда-нибудь ..
Dipak Ingole 17 апр. 2014, в 16:23

1

Попробуйте использовать код на событии

 $(document).on('change', 'input:checkbox.modifier',  function () {
        var sThisVal = $(this).is(':checked') == true ? $(this).val() : "";
    });

lampdev 17 апр. 2014, в 13:41

Ещё вопросы

используйте прослушиватель событий mousedown() вместо change() .
Это спрашивают сто раз в неделю, по крайней мере ...
Спасибо за редактирование. Привычка писать селектор jquery внутри "" собирается повесить меня когда-нибудь ..

Dipak Ingole · Accepted Answer · 2014-04-17T14-53-00.000Z

Обработчики событий привязаны только к выбранным в данный момент элементам; они должны существовать на странице в момент, когда ваш код выполняет вызов.click()

Когда вы добавляете контент динамически, вы должны использовать,

$(document).on('change', 'input:checkbox.modifier',  function () {
     var sThisVal = (this.checked ? $(this).val() : "");
});

Прочитайте о делегировании событий.