jQuery cocher une case caché onclick

Je suis sur jQuery 1.3.2

J'ai besoin d'un code très simple.

J'ai 4 cases.

L'une de ces cases est caché.

Je veux que lorsque l'une des 3 cases à cocher visible est cliqué sur celui qui est caché sera automatiquement cochée.

J'ai donc

<input type="checkbox" style="display:none" id="hiddenOne">
<input type="checkbox" style="display:block" id="visible2">
<input type="checkbox" style="display:block" id="visible3">
<input type="checkbox" style="display:block" id="visible4">

Donc si je clique sur n'importe quel visible2 3 ou 4 le hiddenOne sera automatiquement cochée.

Est-il un moyen de le faire en jQuery?

Merci!

  • Voulez-vous effacer la case caché si tous ceux qui sont visibles sont-ils clairs?
  • Oui ce serait très bien aussi. Afin de vérifier la face cachée lorsque l'un de ceux que l'on voit est cochée. Décochez la face cachée lorsque aucun de ceux que l'on voit est cochée. Ce serait exceptionnel. Si vous pouvez m'aider, je vais vous donner un point et un acceptées réponse =D. Merci
InformationsquelleAutor DiegoP. | 2011-06-13
  1. 0

    il s'agira de vérifier si l'une des trois visibles sont vérifiées, le cas échéant, sont ensuite montrer la face cachée et la vérifier.

    http://jsfiddle.net/pxfunc/S6SFZ/

    HTML:

    <label id="hiddenLabel" style="display:none"><input type="checkbox" id="hiddenOne"> Hidden One</label>
<label><input type="checkbox" id="visible2" class="visiChk"> Visible 2</label>
<label><input type="checkbox" id="visible3" class="visiChk"> Visible 3</label>
<label><input type="checkbox" id="visible4" class="visiChk"> Visible 4</label>

    jQuery:

    //update if any of the three are checked/unchecked
$('.visiChk').change(function() {
    var hiddenOne = $('#hiddenLabel')[0];

    //Are any of them checked ?
    if ($('.visiChk:checked').length > 0) {
        hiddenOne.style.display = 'block';
        hiddenOne.checked = true;
    } else {
        hiddenOne.style.display = 'none';
        hiddenOne.checked = false;
    }
});
    • Il ne semble pas fonctionner. Le caché case n'est pas cochée. Ceci est également visible dans votre démonstration. Il montre seulement, mais il n'est pas vérifié à tous les
    • J'ai mis à jour le jsfiddle, il va vérifier la boîte maintenant
    InformationsquelleAutor MikeM