IP Girl
  1. IP Girl
  3. Boutons radio HTML permettant plusieurs sélections
Intereting Posts
Studio Android utilisant à tout moment un processeur à 100% – aucun processus en arrière-plan ne semble fonctionner «Utilisation d’un type non déclaré» dans Swift, même si le type est interne et existe dans le même module Émulateur Android figeant OS X v10.9 (Mavericks) avec HAXM Java 8: performance des stream vs collections Afficher le contenu de la firebase database en mémoire H2 ou HSQLDB Comment marquer un problème comme résolu à partir du journal de validation? Changer la date de Java une heure en arrière Initialisation directe du tableau avec une valeur constante Comment créer une table SQL sous un schéma différent? permission de reassembly adb refusée, mais capable d’accéder au super utilisateur en shell – android Cookie bloqué / non enregistré dans IFRAME dans Internet Explorer ERREUR FATALE dans la méthode native: JDWP Aucun transport initialisé, jvmtiError = AGENT_ERROR_TRANSPORT_INIT (197) Mise à jour SQL à la sum de ses valeurs jointes différence entre le stream de mémoire et filestream Git: affiche la différence totale de taille de fichier entre deux commits?

Boutons radio HTML permettant plusieurs sélections

Dans mon formulaire HTML, j’ai ci-dessous un ensemble de boutons radio, en fonction du bouton radio que vous sélectionnez en fonction de la forme suivante

, tout cela fonctionne. Le problème est que, pour une raison quelconque, ils fonctionnent comme une case à cocher et non comme un bouton radio. Vous pouvez donc sélectionner toutes les options et pas seulement celles à la fois.

Quelqu’un peut-il voir où cela ne va pas dans le code ci-dessous? 

  
 Please select one of the following

Ils doivent tous avoir le même atsortingbut de name .

Les boutons radio sont regroupés par l’atsortingbut name . Voici un exemple: 

 
 Please select one of the following

Je l’ai fait de cette façon par le passé, JsFiddle :

CSS: 

 .radio-option { cursor: pointer; height: 23px; width: 23px; background: url(../images/checkbox2.png) no-repeat 0px 0px; } .radio-option.click { background: url(../images/checkbox1.png) no-repeat 0px 0px; }

HTML: 

 
    •  
    •  
    •  
    •  
    •

    jQuery:

    Le nom des entrées doit être le même pour appartenir au même groupe. Ensuite, les autres seront automatiquement désélectionnés quand on clique dessus.

    Essayez ce mode de formation, c’est plutôt chic …

    Regardez ce jsfiddle

    Bouton radio 

     The idea is to choose a the radio as a button instead of the normal circle image.

    Pour que les boutons radio fonctionnent correctement, vous devez avoir groupé par son nom. (Ex. Name = “type”) 

      
     Please select one of the following

    Il retournera la valeur du bouton radio coché (ex. Piste | événement | message)

    Tous les boutons radio doivent avoir le même atsortingbut name.