Récupérer l'Id d'un bouton radio cliqué

Version imprimable

Bonsoir à tous,

je voudrais récupérer dans une form lors du clique d'un des boutons radio présent la valeur de l'id

en html voici ma form dans une balise fieldset

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<fieldset>
<legend style="color:#ffffff;">D3X_2614</legend>
<FORM name="aa">
<DIV><input type="radio" name="aaa" value="2614 1" ID="15">En 10x15</DIV>
<DIV><input type="radio" name="aaa" value="2614 2" ID="35">En 45x45 </DIV>
<DIV><input type="radio" name="aaa" value="2614 3" ID="60">En 65x65</DIV>
</FORM>
<span><label for="q">Quantité: </label>
<select id="qt" name="q">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
</select></br>
</fieldset></br>
<button type="css3button" class="css3button" onclick="ajouter()"><span class="none"></span> Ajouter à la pièce</button>

Pour savoir quel bouton a été cliqué j'utilise

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
function ajouter()
var m=0;
  for (j=0;j<6;j++) {
    if (document.forms.aa.aaa[j].checked==true) { 
      var fruit = document.forms.aa.aaa[j].value;
      m=j; 
     var select = document.getElementById("qt" );
     var qt = select.options[select.selectedIndex].value;
  break;
    }
      }
    }

Là je récupère le nom du bouton ainsi que la valeur sélectionnée option value mais
comment récupérer en fonction du bouton radio sélectionné la valeur du ID correspondant ?
à savoir soit 15,35 ou 60.
Je vous remercie par avance pour vos aides

Bonne soirée

Salut

Pas sûr d'avoir tout compris ...... mais

Code:

1
2
3
4
5
6
7
8
9
10
11
	for (j=0;j<6;j++) {
		if (document.forms.aa.aaa[j].checked==true) { 
			var fruit = document.forms.aa.aaa[j].value;
			var Id = document.forms.aa.aaa[j].id;
			m=j; 
			var select = document.getElementById("qt" );
			var qt = select.options[select.selectedIndex].value;
			console.log("fruit=" + fruit + "            Id=" + Id + "           qt=" + qt);
			break;
		}
	}

bonsoir ProgElecT,

et merci pour cette réponse,

Je voudrais récupérer la valeur dans une variable de :
Code:

1 2 3 4 5 6 <FORM name="aa"> <DIV><input type="radio" name="aaa" value="2614 1" ID="15">En 10x15</DIV> <DIV><input type="radio" name="aaa" value="2614 2" ID="35">En 45x45 </DIV> <DIV><input type="radio" name="aaa" value="2614 3" ID="60">En 65x65</DIV> </FORM>
Je voudrais récupérer la valeur dans une variable 15,35 ou 60 correspondante au bouton radio sélectionné.
C'est peut être pas l'id, que peut on rajouter dans un bouton radio pour y associer une valeur que l'on peut récupérer en fonction de sa sélection ?

Re

Aussi

Code:

1
2
3
4
5
6
7
<FORM name="aa">
	<input type="radio" name="aaa" value="2614 1" ID="15"><label for="15">En 10x15</label>
	<br />
	<input type="radio" name="aaa" value="2614 2" ID="35"><label for="35">En 45x45</label>
	<br />
	<input type="radio" name="aaa" value="2614 3" ID="60"><label for="60">En 65x65</label>
</FORM>

permet de cliquer sur l'intitulé du bouton radio.

29/09/2018, 23h08
scoubi77

merci mais ce que Je voudrais c'est récupérer dans une variable la valeur 15,35 ou 60 correspondante au bouton radio sélectionné.
29/09/2018, 23h14
ProgElecT

Re
Regardes le post N°2 var Id = document.forms.aa.aaa[j].id;
29/09/2018, 23h16
scoubi77

Un grand merci c'est exactement ce que je voulais :mrgreen:

en ES6 on à maintenant:

Code:

document.querySelector('input[name="aaa"]:checked').value;

ou

Code:

document.querySelector('input[name="aaa"]:checked').id;

Pour les "Anciens" Navigateurs il y a
Code:

1 2 3 4 5 6 7 8 9 10 11 var ListAAA = document.getElementsByName('aaa'); var AAA_value = ""; var AAA_ID = ""; for(var i = 0; i < ListAAA.length; i++){ if(ListAAA[i].checked){ AAA_value = rates[i].getAttribute("value"); AAA_ID = rates[i].getAttribute("id"); break; } }
PS : écrire if ( ... ].checked==true) revient à demander à l'interpréteur de retourner la valeur Booléenne d'un test Booléen sur une valeur Booléenne..
bref il fait au moins 3 fois la même chose pour ne rien changer... :roll:

if ( ... ].checked) est quand même plus simple... 8-)

02/10/2018, 18h46
NoSmoking

Bonjour,
il me paraît bizarre de vouloir récupérer les ID des éléments <input> plutôt que la value, qui est faite pour cela quand même !?!

Une précision au passage :

Citation:

Envoyé par psychadelic

en ES6 on à maintenant:
document.querySelector('input[name="aaa"]:checked').value;
ou
document.querySelector('input[name="aaa"]:checked').id;

ES6, ECMAScript Edition 6, concerne le javascript alors que les méthodes querySelector et querySelectorAll appartiennent à « l'API DOM », qui plus est ces deux méthodes sont connues depuis IE8, ce qui date quand même pas mal, mais seulement avec IE9 en ce qui concerne les sélecteurs CSS3 comme c'est le cas ici.