IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Code pour décocher un optionbutton


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2012
    Messages
    121
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Mai 2012
    Messages : 121
    Par défaut Code pour décocher un optionbutton
    Bonjour

    J'ai copier-collé du code pour me permettre d'assurer qu'une seule case de mes 3 optionbuttons puisse être coché (non je ne veux pas utiliser des bouton radio)
    J'ai au moins 100 groupe de 3, c'es pourquoi j'ai utilisé une technique permettant de "détecter" quel groupe est sélectionné par l'utilisateur.

    Le code pour nommer mes boutons pour le premier groupe
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    	<td><div id="product1"><input type="checkbox" value="1" id="product-1-1" name="check" ><br></div></td>
        <td><div id="product1"><input type="checkbox" value="2" id="product-1-2" name="check"><br></div></td>
        <td><div id="product1"><input type="checkbox" value="3" id="product-1-3" name="check"><br></div></td>
    Le code pour nommer mes boutons pour le deuxième groupe
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    	<td><div id="product2"><input type="checkbox" value="1" id="product-2-1" name="check"><br></div></td>
        <td><div id="product2"><input type="checkbox" value="2" id="product-2-2" name="check"><br></div></td>
        <td><div id="product2"><input type="checkbox" value="3" id="product-2-3" name="check"><br></div></td>
    Le code permettant de ne sélectionner qu'une seule case
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    $(document).ready(function() {
        $('input[type=checkbox]').live('click', function(){
    		var parent = $(this).parent().attr('id');
    		$('#'+parent+' input[type=checkbox]').removeAttr('checked');
    		$(this).attr('checked', 'checked');
        });
    });
    Ce que j'aimerais, c'est ajouter du code pour permettre à un utilisateur de décocher toutes les cases dans le cas où il se serait trompé et qu'il aurait activé l'une des 3 cases par erreur (je ne veux pas rajouter une case "aucune de ces réponses"

    Merci

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 212
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 212
    Par défaut
    Bonjour,
    tout d'abord une ID doit être unique dans la page ce qui n'est pas le cas dans le code que tu nous montres, d'ailleurs pourquoi ajouter un élément DIV pour encadrer tes checkbox dans les TD.

    Par contre il me semble plus simple de gérer cela au niveau des checkbox d'un même groupe en leur attribuant un comportement de radio sur le click.

    Tes contraintes me paraissent néanmoins bizarre, mais bons...

Discussions similaires

  1. Réponses: 4
    Dernier message: 06/11/2003, 10h37
  2. code pour fermer un formulaire
    Par rippey dans le forum IHM
    Réponses: 2
    Dernier message: 21/10/2003, 15h51
  3. [Lomboz] Génération de code pour EJB
    Par paikan dans le forum Eclipse Java
    Réponses: 2
    Dernier message: 09/07/2003, 14h28
  4. Réponses: 2
    Dernier message: 01/04/2003, 22h09
  5. code pour interbase 6.0 et 6.5 de generateur
    Par tripper.dim dans le forum InterBase
    Réponses: 4
    Dernier message: 01/07/2002, 11h29

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo