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>

1 réponse

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>
0