web-dev-qa-db-fra.com

Le bouton radio ne fonctionne pas correctement

Dans ma page Web, j'ai placé des boutons radio. Mais ces boutons ne fonctionnent pas correctement. Je peux vérifier plusieurs boutons.

code:

<label for="abc" style="margin-top:-20px;margin-left:40px">xyz</label>
<input type="radio" id="abc" name="abc" >        
<label for="bcd" style="margin-top:-20px;margin-left:40px">abc</label>
<input type="radio" id="bcd" name="bcd" >
<label for="efg" style="margin-top:-20px;margin-left:40px">ccc</label>
<input type="radio" id="efg" name="efg" >

violon

Je veux vérifier un seul bouton. S'il vous plaît, aidez-moi.

htmlradio-button
20
James

Comme vous avez une valeur différente pour l'attribut name, ils doivent avoir une valeur name commune, tout comme vous le groupe d'éléments.

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

<!-- You can select any one from each group -->

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

Démo

51
Mr. Alien
<label for="abc" style="margin-top:-20px;margin-left:40px">xyz</label>
<input type="radio" id="abc" name="abc" >        
<label for="bcd" style="margin-top:-20px;margin-left:40px">abc</label>
<input type="radio" id="bcd" name="abc" >
<label for="efg" style="margin-top:-20px;margin-left:40px">ccc</label>
<input type="radio" id="efg" name="abc" >

Toutes les entrées doivent avoir le même nom = "" valeur d'attribut

4
Different vision

Les boutons radio qui sont regroupés doivent avoir la même propriété name, sensible à la casse.

<label for="input1">First Input</label>
<input type="radio" id="input1" name="inputGroup" >
<label for="input2">Second Input</label>
<input type="radio" id="input2" name="inputGroup" >
<label for="input3">Third Input</label>
<input type="radio" id="input3" name="inputGroup" >

JSFiddle demo .

A partir de la spécification HTML :

Les boutons radio ressemblent aux cases à cocher sauf que lorsque plusieurs partagent le même contrôle name, ils s'excluent mutuellement.

2
James Donnelly

Le réglage du nom indique à quel groupe de boutons radio le champ appartient. Lorsque vous sélectionnez un bouton, tous les autres boutons du même groupe ne sont pas sélectionnés . Si vous ne pouvez pas définir le groupe auquel appartient le bouton actuel, vous ne pouvez avoir qu'un groupe de boutons radio sur chaque page ..__par exemple :

<input type="radio" name="fruit1" value="Apple"> Apple <br>
<input type="radio" name="fruit1" value="Apricot" checked> Apricot <br>
<input type="radio" name="fruit1" value="Avocado"> Avocado
<hr>
<input type="radio" name="fruit2" value="Banana"> Banana<br>
<input type="radio" name="fruit2" value="Breadfruit"> Breadfruit<br>
<input type="radio" name="fruit2" value="Bilberry" checked>  Bilberry
0
Saurabh Chandra Patel

Attribuez le même nom à tous les boutons radio dans lesquels vous souhaitez sélectionner une option.

<label for="abc" style="margin-top:-20px;margin-left:40px">xyz</label>
<input type="radio" id="abc" name="abc" >        
<label for="bcd" style="margin-top:-20px;margin-left:40px">abc</label>
<input type="radio" id="bcd" name="abc" >
<label for="efg" style="margin-top:-20px;margin-left:40px">ccc</label>
<input type="radio" id="efg" name="abc" >

Maintenant cela fonctionnera correctement

0
Junaid Nazir

L'attribut de nom doit être identique. Nommez les boutons radio ensemble pour en faire une unité. 

0
RealityDysfunction

Nommez-les de la même manière, et dans votre php ou votre code de réception, ce sera quelque chose comme: 

$_POST['name'] = 'value of selected radio button'
0
19greg96