Comment autoriser la vérification d'un seul bouton radio?

145
{% for each in AnswerQuery %}
    <form action={{address}}>
        <span>{{each.answer}}</span><input type='radio'>
        <span>Votes:{{each.answercount}}</span>
        <br>
    </form>
{% endfor %}

C'est une partie de mon template django , ce qu'il est censé faire est d'imprimer plusieurs boutons radio, correspondant aux réponses attribuées aux boutons. Mais je ne sais pas pourquoi je peux vérifier plusieurs boutons radio, ce qui m'a dérangé. Il est censé ne me laisser vérifier qu'un seul bouton radio et je l'avais d'une manière ou d'une autre, mais je l'ai perdu. De l'aide? Je vous remercie.

Clinteney Hui
la source

Réponses:

433

Donnez-leur simplement le même nom:

<input type="radio" name="radAnswer" />
Shadow Wizard est une oreille pour vous
la source
OMG ... eh bien, si je ne leur attribue pas de noms. ils devraient tous avoir une chaîne vide comme nom par défaut, n'est-ce pas? Merci
Clinteney Hui
20
@Clinteney sans nom, ils ne font pas vraiment partie du formulaire et leur valeur ne sera pas envoyée lors de la soumission du formulaire. Le nom est utilisé par le navigateur pour définir des «groupes» de boutons radio, un seul bouton radio dans chaque groupe peut être sélectionné à la fois et la sélection d'un autre effacera la sélection précédente. :)
Shadow Wizard est une oreille pour vous
bingo, c'est le plus simple mais le plus puissant.
Rishabh
Pour le projet dont je viens d'hériter, les deux boutons radio de mon formulaire DOIVENT être nommés différemment. Un champ est un champ ALL, l'autre champ est dynamique, basé sur une valeur dans l'URL. Ils veulent que l'utilisateur ne puisse sélectionner qu'une seule radio.
user3120861
@ user3120861 donc le seul moyen est d'utiliser le code côté client, c'est-à-dire JavaScript. C'est possible avec JS simple, mais plus facile avec jQuery. Pour plus de détails, veuillez me contacter sur le chat, et si nous obtenons quelque chose, j'ajouterai à la réponse. À votre santé! :)
Shadow Wizard est une oreille pour vous le
55

Ils doivent tous avoir le même nom.

Douglas
la source
41

Tous les boutons radio doivent avoir le même nom:

<input type='radio' name='foo'>

Un seul bouton radio de chaque groupe de boutons avec le même nom peut être coché.

pseudo
la source
19

Donnez-leur le même nom et cela fonctionnera. Par définition, les boutons radio n'auront qu'un seul choix, tandis que les cases à cocher peuvent en avoir plusieurs.

<input type="radio" name="Radio1" />

FluxEngine
la source
7

Donnez-leur simplement le même nom dans le formulaire que vous utilisez.

<form><input type="radio" name="selection">
      <input type="radio" name="selection">
      ..
      ..
</form>
VinayKumar.M
la source
6

Ajoutez l'attribut "nom" et conservez le même nom pour tous les boutons radio d'un formulaire.

c'est à dire,

<input type="radio" name="test" value="value1"> Value 1
<input type="radio" name="test" value="value2"> Value 2
<input type="radio" name="test" value="value3"> Value 3

J'espère que cela aiderait.

SuKu
la source
5

Toutes les options des boutons radio doivent avoir le même nom pour que vous puissiez sélectionner une option à la fois.

BK
la source
@PHPer peut-être parce qu'il a donné la même réponse que la réponse acceptée, mais 6 ans plus tard ...
norcal johnny
@norcaljohnny Doit être signalé / signalé, mais le rejeter est aussi
insensé
@PHPer, allez-y doucement. Je n'ai jamais dit que je l'avais contre-voté, j'ai simplement répondu à votre commentaire, expliquant pourquoi il avait peut-être été rejeté.
norcal johnny