Transfer danych z radio button do text

Zadanie 1. Wybór za pomocą radio button marki samochodu oraz koloru tła. Umieszczenie nazwy marki samochodu i koloru tła w polu text oraz zmiana koloru tła na zaznaczony za pomocą radio button.

<html>
<head>
<meta charset=”UTF-8″>

<script>
var d=0;e=0;
function kolor() {
if(document.getElementById(„c”).checked == true)
{document.body.style.backgroundColor = „red”;
document.getElementById(„nazkol”).value=”CZERWONY”;};
if(document.getElementById(„z”).checked == true)
{document.body.style.backgroundColor = „green”;
document.getElementById(„nazkol”).value=”ZIELONY”;};
if(document.getElementById(„m”).checked == true)
{document.body.style.backgroundColor = „magenta”;
document.getElementById(„nazkol”).value=”MAGENTA”;};
if(document.getElementById(„t”).checked == true)
{document.body.style.backgroundColor = „#AAFFAA”;
document.getElementById(„nazkol”).value=”TURKUSOWY”;};
}
function woz(E){document.getElementById(„wybor”).value=E;}
</script>

 

</head>
<body>
<font size=”20″><b>Konfiguracja samochodu</b></font>
<br><br>
<table><td>
<form style=”width:200px” >
<fieldset>
<legend>Wybierz samochód</legend>
<br>
<input type=”radio” name=”E” id=”1″  value=”OPEL” onclick=”woz(this.value)”> OPEL <br>
<input type=”radio” name=”E” id=”2″ value=”FIAT” onclick=”woz(this.value)”> FIAT<br>
<input type=”radio” name=”E” id=”3″ value=”TOYOTA” onclick=”woz(this.value)”> TOYOTA <br>
<input type=”radio” name=”E” id=”4″ value=”MAZDA” onclick=”woz(this.value)”> MAZDA <br>
</fieldset>
</form>
<td>
<td>
<form style=”width:200px” >
<fieldset>
<legend>Wybierz kolor</legend><br>
<input type=”radio” name=”A” id=”c”  onclick=”kolor()” > CZERWONY <br>
<input type=”radio” name=”A” id=”z” onclick=”kolor()” > ZIELONY <br>
<input type=”radio” name=”A” id=”m” onclick=”kolor()” > MAGENTA<br>
<input type=”radio” name=”A” id=”t” onclick=”kolor()” > TURKUSOWY <br>
</fieldset>
</form>
</td>
<td>
<form style=”width:200px” >
<fieldset>
<legend>Wybrano model</legend><br>
<input type=”text” id=”wybor” name=”B”  size=”10″> <br><br>
<input type=”text” id=”nazkol” name=”B”  size=”10″> <br><br>
</fieldset>
</form>
</td>
</table>

</body>
</html>

Ten wpis został opublikowany w kategorii Bez kategorii. Dodaj zakładkę do bezpośredniego odnośnika.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *