Laravel & JQuery проверить все флажки

Question

На моей странице у меня есть несколько флажков определяются следующим образом:

<input id="{{ $question->id }}" class="questionCheckBox" type="checkbox" /> 

У меня есть две кнопки:

<p><input type="button" class="check" value="Check All" /> 
    <input type="button" class="uncheck" value="UnCheck All" /> 
</p> 

Я пытаюсь проверить все флажки или снимите флажок их все, используя следующий код

$(function() { 
    $('.check').on('click', function() { 
     $('.questionCheckBox').attr('checked','checked'); 
    }); 
}); 

$(function() { 
    $('.uncheck').on('click', function() { 
     $('.questionCheckBox').removeAttr('checked'); 
    }); 
}); 

в первый раз я нажимаю чек все кнопки она работает, первый ти я проверяю кнопку снятия галочки, и все это не проверено; после этого ни одна кнопка не работает. Может ли кто-нибудь увидеть мою проблему?

Answer 1

Это сработало:

$(function() { 
    $('.check').on('click', function() { 
     $('.questionCheckBox').each(function(){ this.checked = true; }); 
    }); 
}); 

$(function() { 
    $('.uncheck').on('click', function() { 
     $('.questionCheckBox').each(function(){ this.checked = false; }); 
    }); 
}); 

Спасибо за вашу помощь!

Answer 2

Вы должны использовать prop() вместо attr(), поскольку последний вариант jQuery 1.9+ дает аналогичную проблему.

$(function() { 
    $('.check').on('click', function() { 
     $('.questionCheckBox').prop('checked',true); 
    }); 
}); 

$(function() { 
    $('.uncheck').on('click', function() { 
     $('.questionCheckBox').prop('checked',false); 
    }); 
});