Bonjour !

Je viens vers vous car je rencontre un problème que je n'arrive aps à résoudre.

J'ai une liste de checkboxes qui en cliquant dessus, font apparaître chacune des éléments différents.

Ce que j'aimerai faire, c'est qu'une fois qu'une checkbox a la prop 'checked', si je clique sur une autre checkbox, la précédente passe en non checked.

Mon script parcourt ma liste de checkboxes mais prend en compte uniquement la première checkbox de la liste..

Le script :

function theTruth(){
    $(".css-checkbox").each(function(i){
        if($(".css-checkbox").prop('checked') == true){
            console.log($('.css-checkbox').val());
        }
        else{
            console.log('hop');
        }
        console.log(i);
      });   
}

Ainsi, si je check une checkbox autre que la première de la liste, ma console ne retourne que "hop". Si je check la première de la liste, ma console affiche la valeur de la premiere checkbox autant de fois qu'il y a d'éléments dans la liste...

Est ce que quelqu'un a une idée de comment je pourais m'y prendre ? Merci !

1 réponse


Marien
Auteur

Hello,

Ca fonctionne mieux avec le selecteur this :D Merci !

Concernant les radio button par rapport aux checkboxes, je veux avoir la possibilité de ne rien sélectionner, or une fois qu'un raio est selectionné, on ne peut plus le déselectionner !