Décocher automatiquement des checkbox

Bonjour,

Je dispose de plusieurs checkbox contenues dans une div dont id="box". J'aimerais que, lorsque je clique sur une autre div (class=exemple), les checkbox qui sont cochées se décochent automatiquement.

Après mes recherches, j'en suis venu à ce code là :

Code:

---

1 2 3

$(".exemple").click(function () { if ($('#box').is(":checked") == true) $("#box").attr('checked', false); });

---

Mais rien ne se passe, et je n'ai pas d'erreurs sur le debogueur, que ce soit mozilla ou google chrome.

J'utilise la librairie Jquery 1.9.1. Je pense que c'est important de le préciser, car s'après mes recherches, les fonctionnalités ne sont pas les même en fonction de la version de la librairie, surtout pour les checkbox.

Auriez vous une idée ?

Cordialement,

T.

Citation:

---

Je dispose de plusieurs checkbox contenues dans une div dont id="box"

---

Donc '#box' est une div, elle ne peut pas être dans un état "checked". Il faut donc trouver toutes les checkbox contenues dans cette div '#box' et les décocher. Peu importe si elles sont cochées, non ? ;) :

Code:

---

1 2 3

$(".exemple").click(function () { $("#box").find("input[type=checkbox]").attr('checked', false); });

---

Exemple

Clair, net, précis.

Merci beaucoup Kaamo ! :ccool:

Oui ! Mais "checked" est un attribut booléen, donc pour les versions de jQuery non obsolètes :

Code:

---

1 2 3

$( ".exemple" ).on( "click", function(){ $( "#box" ).find( "input[type='checkbox']").prop( "checked", false); });

---