Флажок проверяется только с первой попытки, ошибка javascript / jquery?

Question

Флажок проверяется только с первой попытки, ошибка javascript / jquery?

0

Хорошо, поэтому мне нужно иметь возможность щелкнуть любой элемент внутри .modal-interest, и он должен проверить флажок child-element при нажатии.

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

$('.modal-interest strong').click(function (e) {

 input = $(this).closest('.modal-interest').find('input');

 if (input.prop('checked')) {
     input.attr('checked', false).change();
 } else {
     input.attr('checked', true).change();
 }
});

Точное представление моей проблемы можно увидеть на следующем скрипте:

http://jsfiddle.net/c3p5m/

Застрял с этим и был бы признателен за любую помощь!

rorymorris 28 март 2014, в 18:27

Источник

Теги:

javascript

jquery

4 ответа

Ещё вопросы

A. Wolff · Answer 1 · 2014-03-28T14-48-00.000Z

Вместо этого вы должны использовать .prop():

ДЕМО jsFiddle

 $('.modal-interest strong').click(function (e) {

     input = $(this).closest('.modal-interest').find('input');

     if (input.prop('checked')) {
         input.prop('checked', false).change();
         $('h1').html('untick it');
     } else {
         input.prop('checked', true).change();
         $('h1').html('tick it');
     }
 });

Теперь, действительно, ваш код должен выглядеть следующим образом:

$('.modal-interest strong').click(function (e) {
    var input = $(this).closest('.modal-interest').find('input')[0];
    input.checked = !input.checked;
    $(input).change();
});
$('.modal-interest input[type=checkbox]').on('change', function () {
    $('h1').html(this.checked ? 'tick it' : 'untick it');
});

DEMO

Dhaval Marthak · Answer 2 · 2014-03-28T13-39-00.000Z

Используйте .prop() чтобы установить checked/Unchecked

input.prop('checked', false).change();

Демо-версия скрипта

pj013 · Answer 3 · 2014-03-28T15-31-00.000Z

Необходимо использовать метод prop.

input.prop('checked', false).change();

Denys Lieu · Answer 4 · 2014-03-28T14-16-00.000Z

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

 $('.modal-interest').click(function () {

     var input = $(this).find('input');

     if (input.prop('checked')) {
         input.prop('checked', false).change();
         $('h1').html('untick it');
     } else {
         input.prop('checked', true).change();
         $('h1').html('tick it');
     }
});