Problème radio button en javascript

Résolu/Fermé

steve - Modifié par baladur13 le 23/01/2012 à 11:03
steve - 21 janv. 2012 à 17:50

Bonjour,

<style type="text/css">
#kaka
{
background:#CCCCCC;
border:1px #666666 solid;
width:500px;
height:80px;
padding:8px;
}
</style>
<script type="text/javascript">
function coul()
{
if(document.forma.couleur.value=="rouge")
{
document.getElementById('kaka').style.background="#FF0000";
}
else if(document.forma.couleur.value=="vert")
{
document.getElementById('kaka').style.background="#00CC00";
}
else if(document.forma.couleur.value=="bleu")
{
document.getElementById('kaka').style.background="#0000FF";
}
else
{
alert("no");
}

}
</script>
</head>

<body>
<div id="kaka"> Untitled Document Untitled Document Untitled Document Untitled Document Untitled Document Untitled Document
</div><br />
<form name="forma">
<input type="radio" value="vert" name="couleur"/>Vert
<input type="radio" value="bleu" name="couleur"/>bleu
<input type="radio" value="rouge" name="couleur"/>rouge
<input type="button" value="Get color" onclick="coul()"/>
</form>

A voir également:

Problème radio button en javascript
Radio française - Télécharger - Médias et Actualité
Telecharger javascript - Télécharger - Langages
Horloge radio pilotée ne se met pas à l'heure ✓ - Forum Accessoires & objets connectés
Power button lockout - Forum Ecran
Notice radio réveil hoe siplec ✓ - Forum Audio

1 réponse

Réponse 1 / 1

steve
21 janv. 2012 à 17:50

c'est bon j'ai trouvé la solution

<script type="text/javascript">
function coul(radio)
{

if(radio[0].checked)
{
document.getElementById('kaka').style.background="#00CC00";
}
else if(radio[1].checked)
{
document.getElementById('kaka').style.background="#0000FF";
}
else if(radio[2].checked)
{
document.getElementById('kaka').style.background="#FF0000";
}
else
{
alert("no color");
}

}
</script>
</head>

<body>
<div id="kaka"> Untitled Document Untitled Document Untitled Document Untitled Document Untitled Document Untitled Document
</div><br />
<form>
<input type="radio" value="vert" name="couleur"/>Vert
<input type="radio" value="bleu" name="couleur"/>bleu
<input type="radio" value="rouge" name="couleur"/>rouge
<input type="button" value="Get color" onclick="coul(this.form)"/>
</form>

Discussions similaires

Comment faire une antenne radio.

Javascript Arrondi à 2 chiffres après la virgule

auto radio bloqué

retrouver un spot publicitaire radio ?

Trouver la radio sur freebox poo