Ceci se fait facilement en feuilletant le courant " vérifié l'état de la case à cocher à chaque clic. Exemples:
$(".offer").on("click", function () {
var $checkbox = $(this).find(':checkbox');
$checkbox.attr('checked', !$checkbox.attr('checked'));
});
ou:
$(".offer").on("click", function () {
var $checkbox = $(this).find(':checkbox');
$checkbox.attr('checked', !$checkbox.is(':checked'));
});
ou, en manipulant directement les DOM 'vérifié' de la propriété (c'est à dire n'utilisant pas d' attr()
pour récupérer l'état actuel de l'cliqué sur une case):
$(".offer").on("click", function () {
var $checkbox = $(this).find(':checkbox');
$checkbox.attr('checked', !$checkbox[0].checked);
});
...et ainsi de suite.
Remarque: depuis jQuery 1.6, cases à cocher doivent être définies à l'aide de prop
pas attr
:
$(".offer").on("click", function () {
var $checkbox = $(this).find(':checkbox');
$checkbox.prop('checked', !$checkbox[0].checked);
});