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.

Réponses:


433

Donnez-leur simplement le même nom:

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

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


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é.


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" />


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>

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.


5

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


@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
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.