Récupérer la valeur d'un bouton radio en JS

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Récupérer la valeur d'un bouton radio en JS

aideinfo

Bonjour,
Je cherche à récupérer la valeur d'un bouton radio coché. J'ai trouvé un code qui marche pour des valeurs numériques (vec une boucle), mais j'aimerais utiliser des valeurs alphabétiques. ET mon adaptation ne marche pas, ça affiche toujours "Navigateur non supporté", quel que soit le bouton coché.

Code :

<script language="JavaScript">
function afficherAutre() {
if(document.searchbox_form.navigateur.checked == 'ie')
{
alert("IE" );
}
else if(document.searchbox_form.navigateur.checked == 'ff')
{
alert("Firefox" );
}
else
{
alert("Navigateur non supporté !" );
}
}
</script>

Code :

<form name="searchbox_form" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
Choisissez votre navigateur :<br />
<input type="radio" name="navigateur" value="ie" onclick="afficherAutre();" /> Internet Explorer 7 ou plus<br />
<input type="radio" name="navigateur" value="ff" onclick="afficherAutre();" /> Mozilla Firefox 2 ou plus<br />
</form>

Où est-ce que je merde ?

---------------
http://www.aideinfo.com/ Whois adresses IP/domaines le plus évolué !! FAQ Free Mobile

Publicité

billgatesanonym

Citation :

Unfortunately it's not possible to see at once which radio button in a group the user has checked. You need to go through all radio's and see which one's checked property is true.
(source : http://www.quirksmode.org/js/forms.html#sradio )

Voici deux solutions : la première avec une boucle, et la seconde avec un passage de paramètre.

Code :

<html>
<head>
<script language="JavaScript">
function afficherAutre() {
for (i=0;i<document.searchbox_form.navigateur.length;i++) {
if (document.searchbox_form.navigateur[i].checked) {
alert(document.searchbox_form.navigateur[i].value);
break;
}
}
}
function afficherAutre_v2(v) {
alert(v);
}
</script>
</head>
<body>
<form name="searchbox_form" method="post">
Choisissez votre navigateur :<br />
<input type="radio" name="navigateur" value="ie" onclick="afficherAutre();" /> Internet Explorer 7 ou plus<br />
<input type="radio" name="navigateur" value="ff" onclick="afficherAutre();" /> Mozilla Firefox 2 ou plus<br />
<p>
<input type="radio" name="navigateur_v2" value="ie" onclick="afficherAutre_v2(this.value);" /> Internet Explorer 7 ou plus<br />
<input type="radio" name="navigateur_v2" value="ff" onclick="afficherAutre_v2(this.value);" /> Mozilla Firefox 2 ou plus<br />
</form>
</body>
</html>

aideinfo

Merci

---------------
http://www.aideinfo.com/ Whois adresses IP/domaines le plus évolué !! FAQ Free Mobile

aideinfo

PEtit problème : ça marche impec sur IE7 et Opera, mais pas sur Firefox 3 (pas testé sur les autres, mais probablement pareil). Le problème se situe là :

Code :

div_ie.style.display = "block";
div_ff.style.display = "none";
div_opera.style.display = "none";

Code :

<div id="div_ie" class="cadre_navig_searchbox" style="display:none;">Code pour IE</div>
<div id="div_ff" class="cadre_navig_searchbox" style="display:none;">Code pour FF</div>

Et les Erreurs reportées :

Citation :

Erreur : div_ie is not defined
Ligne : 25

---------------
http://www.aideinfo.com/ Whois adresses IP/domaines le plus évolué !! FAQ Free Mobile

olivthill

Essayer

document.getElementById('div_ie').style.display='block';

Message cité 1 fois

gatsu35

Blablaté par Harko

Tu es en train de coder ton site en fonction du navigateur, tu sais que tu es en train de faire n'importe quoi là ?

Message cité 1 fois

---------------
Blablaté par Harko

aideinfo

olivthill a écrit :

Essayer

document.getElementById('div_ie').style.display='block';

Merci, ça marche.

gatsu35 a écrit :

Tu es en train de coder ton site en fonction du navigateur, tu sais que tu es en train de faire n'importe quoi là ?

Non, je ne fais pas n'importe quoi, car je ne code pas un site complet comme ça. Ca serait complètement con de faire des cadres comme ça sur tout un site.

---------------
http://www.aideinfo.com/ Whois adresses IP/domaines le plus évolué !! FAQ Free Mobile

FORUM HardWare.fr

Programmation

HTML/CSS

Récupérer la valeur d'un bouton radio en JS

Sujets relatifs
[emploi] Recherche développeur PHP/HTML/JS disponible immédiatement	Récupèrer le nom de domaine en php
JS pour afficher/masquer div ne fonctionne pas	Ajouter du texte à un copié collé en JS ?
VBS Avancé // Récupérer la liste des groupes de sécurité	récupérer des chiffres dans word sous excel
Executer une commande windowset récupérer le résultat	Création bouton dynamique
[RESOLU] Récupérer le path d'un projet	[Shell/Windows] Récupérer la date de création d'un fichier
Plus de sujets relatifs à : Récupérer la valeur d'un bouton radio en JS

Page générée en 0.072 secondes