Connaître la valeur d'un bouton radio, avec Prototype.js ?

Le
Mr Prout !
Salut !

Bon la question va sûrement vous paraître bête mais j'ai un formulaire
contenant plusieurs boutons radio :

<input type="radio" name="test" value="1" />
<input type="radio" name="test" value="2" />
<input type="radio" name="test" value="3" />

Existe-t-il, avec Prototype.js, un moyen rapide pour connaître la valeur
(value) du bouton radio qui a été coché ?

S'il n'en existe pas, comment récupérer le plus simplement possible
cette valeur, en Javascript "classique" ?

Merci d'avance pour votre réponse ;-)

Mr Prout !
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses Page 1 / 2
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
SAM
Le #767172
Salut !

Bon la question va sûrement vous paraître bête mais j'ai un formulaire
contenant plusieurs boutons radio :

<input type="radio" name="test" value="1" />
<input type="radio" name="test" value="2" />
<input type="radio" name="test" value="3" />

Existe-t-il, avec Prototype.js, un moyen rapide pour connaître la valeur
(value) du bouton radio qui a été coché ?


ça doit certainement exister ... t'as pas le mode d'emploi ?

S'il n'en existe pas, comment récupérer le plus simplement possible
cette valeur, en Javascript "classique" ?

Merci d'avance pour votre réponse ;-)


Pour capter un bouton-radio nommé dans le *premier* formulaire de la
page où pourraient être ces radio-boutons,

1) en JS de nos grds mères :
===========================
function radioCliked(Nom) {
var r = false;
var d = document.forms;
for(var i=0; i<d.length; i++) {
for(var k=0; k<d[i].length; k++) {
if(d[i][k].type=='radio' && d[i][k].name==Nom) {
for(var j=0; j<d[i][Nom].length; j++)
if(d[i][Nom][j].checked)
r = d[i][Nom][j].value;
}
}
}
return r? 'valeur = '+r : 'rien de cliqué !';
}


2) en JS + DOM :
===============
function radioCliked(Nom) {
var r = false;
var d = document.getElementsByName(Nom);
for(var i=0; i<d.length; i++) {
if(d[i].type=='radio' && d[i].checked) {
r = d[i].value;
break;
}
}
return r? 'valeur = '+r : 'rien de cliqué !';
}

3) le complet :
==============
function radioCliked(Nom) {
var r = false;
if(document.getElementsByName) {
var d = document.getElementsByName(Nom);
for(var i=0; i<d.length; i++) {
if(d[i].type=='radio' && d[i].checked) {
r = d[i].value;
break;
}
}
}
else {
var d = document.forms;
for(var i=0; i<d.length; i++) {
for(var k=0; k<d[i].length; k++) {
if(d[i][k].type=='radio' && d[i][k].name==Nom) {
for(var j=0; j<d[i][Nom].length; j++)
if(d[i][Nom][j].checked)
r = d[i][Nom][j].value;
}
}
}
}
return r? 'valeur = '+r : 'rien de cliqué !';
}



<a href="#" onclick="alert(radioCliked('test')); return false;">test</a>

--
sm

Mr Prout !
Le #767171
Salut !

Bon la question va sûrement vous paraître bête mais j'ai un formulaire
contenant plusieurs boutons radio :

<input type="radio" name="test" value="1" />
<input type="radio" name="test" value="2" />
<input type="radio" name="test" value="3" />

Existe-t-il, avec Prototype.js, un moyen rapide pour connaître la
valeur (value) du bouton radio qui a été coché ?


ça doit certainement exister ... t'as pas le mode d'emploi ?


Si, mais y a pas...



S'il n'en existe pas, comment récupérer le plus simplement possible
cette valeur, en Javascript "classique" ?

Merci d'avance pour votre réponse ;-)


Pour capter un bouton-radio nommé dans le *premier* formulaire de la
page où pourraient être ces radio-boutons,

1) en JS de nos grds mères :
=========================== >
function radioCliked(Nom) {
var r = false;
var d = document.forms;
for(var i=0; i<d.length; i++) {
for(var k=0; k<d[i].length; k++) {
if(d[i][k].type=='radio' && d[i][k].name==Nom) {
for(var j=0; j<d[i][Nom].length; j++)
if(d[i][Nom][j].checked)
r = d[i][Nom][j].value;
}
}
}
return r? 'valeur = '+r : 'rien de cliqué !';
}


2) en JS + DOM :
=============== >
function radioCliked(Nom) {
var r = false;
var d = document.getElementsByName(Nom);
for(var i=0; i<d.length; i++) {
if(d[i].type=='radio' && d[i].checked) {
r = d[i].value;
break;
}
}
return r? 'valeur = '+r : 'rien de cliqué !';
}

3) le complet :
============== >
function radioCliked(Nom) {
var r = false;
if(document.getElementsByName) {
var d = document.getElementsByName(Nom);
for(var i=0; i<d.length; i++) {
if(d[i].type=='radio' && d[i].checked) {
r = d[i].value;
break;
}
}
}
else {
var d = document.forms;
for(var i=0; i<d.length; i++) {
for(var k=0; k<d[i].length; k++) {
if(d[i][k].type=='radio' && d[i][k].name==Nom) {
for(var j=0; j<d[i][Nom].length; j++)
if(d[i][Nom][j].checked)
r = d[i][Nom][j].value;
}
}
}
}
return r? 'valeur = '+r : 'rien de cliqué !';
}



<a href="#" onclick="alert(radioCliked('test')); return false;">test</a>



Merci mais c'est trop bordélique pour le petit truc que je souhaite
faire ;-)

J'attendrais une solution Prototype (je suis sûr qu'il y en a une !)

Mr Prout !


Francis Spiesser
Le #767170
Mr Prout ! a exposé le 30/10/2007 :
Salut !

Bon la question va sûrement vous paraître bête mais j'ai un formulaire
contenant plusieurs boutons radio :

<input type="radio" name="test" value="1" />
<input type="radio" name="test" value="2" />
<input type="radio" name="test" value="3" />

Existe-t-il, avec Prototype.js, un moyen rapide pour connaître la valeur
(value) du bouton radio qui a été coché ?

Essaye avec $F('test')


--
______
Francis (enlever .NIPUBNISOUMIS)
"La dinde est tolérante, mais elle déteste les farceurs"

SAM
Le #767169

Merci mais c'est trop bordélique pour le petit truc que je souhaite
faire ;-)


c'est suffisament progressif dans le bordelisme pour que tu puisses
essayer de trouver ce qui *te* convient par toi-même.

J'attendrais une solution Prototype (je suis sûr qu'il y en a une !)


et comment se fait-ce que tu ne trouves pas ?


--
sm

doug713705
Le #767167
Le mardi 30 octobre 2007 10:12, Mr Prout ! s'est exprimé de la sorte sur
fr.comp.lang.javascript :

Salut !



Bonsoir,

Bon la question va sûrement vous paraître bête mais j'ai un formulaire
contenant plusieurs boutons radio :

<input type="radio" name="test" value="1" />
<input type="radio" name="test" value="2" />
<input type="radio" name="test" value="3" />

Existe-t-il, avec Prototype.js, un moyen rapide pour connaître la valeur
(value) du bouton radio qui a été coché ?

S'il n'en existe pas, comment récupérer le plus simplement possible
cette valeur, en Javascript "classique" ?


function getRadioValue(){
tests=document.getElementsByName("test");
for(i=0;i<tests.length;i++){
if(tests[i].checked)
alert(test[i].value);
}
}


--
[ Plus ou moins avec une chance de peut-être ]
- Pour me contacter, enlever nospam (2X) -

doug713705
Le #767166
Le mardi 30 octobre 2007 10:12, Mr Prout ! s'est exprimé de la sorte sur
fr.comp.lang.javascript :

Salut !



Bonsoir,

Bon la question va sûrement vous paraître bête mais j'ai un formulaire
contenant plusieurs boutons radio :

<input type="radio" name="test" value="1" />
<input type="radio" name="test" value="2" />
<input type="radio" name="test" value="3" />

Existe-t-il, avec Prototype.js, un moyen rapide pour connaître la valeur
(value) du bouton radio qui a été coché ?

S'il n'en existe pas, comment récupérer le plus simplement possible
cette valeur, en Javascript "classique" ?


function getRadioValue(){
tests=document.getElementsByName("test");
for(i=0;i<tests.length;i++){
if(tests[i].checked)
return test[i].value;
}
}


--
[ Plus ou moins avec une chance de peut-être ]
- Pour me contacter, enlever nospam (2X) -

Mr Prout !
Le #767165
Mr Prout ! a exposé le 30/10/2007 :
Salut !

Bon la question va sûrement vous paraître bête mais j'ai un formulaire
contenant plusieurs boutons radio :

<input type="radio" name="test" value="1" />
<input type="radio" name="test" value="2" />
<input type="radio" name="test" value="3" />

Existe-t-il, avec Prototype.js, un moyen rapide pour connaître la
valeur (value) du bouton radio qui a été coché ?

Essaye avec $F('test')





Héhé déjà fait... mais non ! ;-)


Mr Prout !
Le #766935
Le mardi 30 octobre 2007 10:12, Mr Prout ! s'est exprimé de la sorte sur
fr.comp.lang.javascript :

Salut !



Bonsoir,

Bon la question va sûrement vous paraître bête mais j'ai un formulaire
contenant plusieurs boutons radio :

<input type="radio" name="test" value="1" />
<input type="radio" name="test" value="2" />
<input type="radio" name="test" value="3" />

Existe-t-il, avec Prototype.js, un moyen rapide pour connaître la valeur
(value) du bouton radio qui a été coché ?

S'il n'en existe pas, comment récupérer le plus simplement possible
cette valeur, en Javascript "classique" ?


function getRadioValue(){
tests=document.getElementsByName("test");
for(i=0;i<tests.length;i++){
if(tests[i].checked)
return test[i].value;
}
}





Merci pour ta solution, j'ai vu cela sur plein de sites web et je
m'étonne de la lourdeur du code, simplement pour récupérer une
malheureuse valeur.


Francis Spiesser
Le #766934
Mr Prout ! avait énoncé :


Merci pour ta solution, j'ai vu cela sur plein de sites web et je m'étonne de
la lourdeur du code, simplement pour récupérer une malheureuse valeur.


C'est pas une malheureuse valeur, c'est la valeur du bouton coché dans
une collection de boutons que tu veux

--
______
Francis (enlever .NIPUBNISOUMIS)
"Le présent n'est qu'un futur qui a vieilli"

Pascal
Le #766933
Ci-joint un exemple qui affiche la valeur à chaque modification du bouton
radio

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<script language="JavaScript" type="text/javascript"
src="prototype.js"></script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="200">
<tr>
<td><label>
<input type="radio" name="radio" value="1" />
Bouton radio</label></td>
</tr>
<tr>
<td><label>
<input type="radio" name="radio" value="2" />
Bouton radio</label></td>
</tr>
</table>
</form>
<script>
new Form.EventObserver("form1",function(élément,valeur)
{
objetJson=valeur.toQueryParams();
alert(objetJson.radio);
});
</script>
</body>
</html

"Mr Prout !" news:4726f58b$0$11939$
Salut !

Bon la question va sûrement vous paraître bête mais j'ai un formulaire
contenant plusieurs boutons radio :

<input type="radio" name="test" value="1" />
<input type="radio" name="test" value="2" />
<input type="radio" name="test" value="3" />

Existe-t-il, avec Prototype.js, un moyen rapide pour connaître la valeur
(value) du bouton radio qui a été coché ?

S'il n'en existe pas, comment récupérer le plus simplement possible
cette valeur, en Javascript "classique" ?

Merci d'avance pour votre réponse ;-)

Mr Prout !


Publicité
Poster une réponse
Anonyme