186 votes

Comment permettre qu'un seul bouton radio soit coché ?

{% 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 django Ce qu'il est censé faire, c'est imprimer plusieurs boutons radio, correspondant aux réponses assignées aux boutons. Mais je ne sais pas pourquoi je peux cocher plusieurs boutons radio, ce qui m'a perturbé. Il est censé ne me laisser cocher qu'un seul bouton radio et je l'avais en quelque sorte mais je l'ai perdu. Vous pouvez m'aider ? Merci.

546voto

Shadow Wizard Points 38568

Il suffit de leur donner le même nom :

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

1 votes

OMG... si je ne leur attribue pas de nom, ils devraient tous avoir une chaîne vide comme nom par défaut, non ? Merci.

24 votes

@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 de chaque groupe peut être sélectionné à la fois et la sélection d'un autre effacera la sélection précédente. :)

0 votes

Bingo, c'est le plus simple et le plus puissant.

63voto

Douglas Points 10417

Ils doivent tous avoir le même nom.

47voto

Nick Points 904

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

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

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

24voto

MartyMcFly Points 1025

Donnez-leur le même nom, et ça marchera. Par définition, les boutons radio n'offrent qu'un seul choix, tandis que les cases à cocher peuvent en offrir plusieurs.

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

13voto

SuKu Points 185

Ajoutez l'attribut "name" et gardez 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 vous aidera.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X