Darmowe Forum
Kwiecień 14, 2025, 16:53:44 *
Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?

Zaloguj się podając nazwę użytkownika, hasło i długość sesji
Aktualności: Forum zostaÂło uruchomione!
 
   Strona główna   Pomoc Zaloguj się Rejestracja  
Darmowe Forum > Java Script > Java Script > Transfer danych z radio button do text
Strony: [1]
« poprzedni następny »
  Drukuj  
Autor Wątek: Transfer danych z radio button do text  (Przeczytany 2581 razy)
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« : Kwiecień 27, 2016, 07:27:35 »
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>
Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #1 : Kwiecień 27, 2016, 09:15:04 »
Wersja z miastami i Âśrodkami transportu do wyboru.

<html>
<head>
<meta charset="UTF-8">

<script>
var d=0;e=0;
function kolor() {
    if(document.getElementById("au").checked == true)
   {document.getElementById("srodek").value="AUTOBUS";};
   if(document.getElementById("poc").checked == true)
   {document.getElementById("srodek").value="POCIÂĄG";};
   if(document.getElementById("sam").checked == true)
   {document.getElementById("srodek").value="SAMOCHÓD";};
   if(document.getElementById("sl").checked == true)
   {document.getElementById("srodek").value="SAMOLOT";};
}
function miasto(E){document.getElementById("wybor").value=E;}
</script>
</head>
<body>
<font size="10"><b>Zakup biletu</b></font>
<br><br>
<table><td>
<form style="width:200px" >
<fieldset>
<legend>DokÂąd jedziesz</legend>
<br>
<input type="radio" name="E" id="1"  value="GdaĂąsk" onclick="miasto(this.value)"> GDAÑSK <br>
<input type="radio" name="E" id="2" value="Pisz" onclick="miasto(this.value)"> PISZ<br>
<input type="radio" name="E" id="3" value="Kosów Lacki" onclick="miasto(this.value)"> KOSÓW LACKI <br>
<input type="radio" name="E" id="4" value="BiaÂłystok" onclick="miasto(this.value)"> BIAÂŁYSTOK <br>
<input type="radio" name="E" id="5" value="Kraków" onclick="miasto(this.value)"> KRAKÓW <br>
</fieldset>
</form>
</td>
<td>
<form style="width:200px" >
<fieldset>
<legend>ÂŚrodek transportu</legend><br>
<input type="radio" name="A" id="au"  onclick="kolor()" > AUTOBUS <br>
<input type="radio" name="A" id="poc" onclick="kolor()" > POCIÂĄG <br>
<input type="radio" name="A" id="sam" onclick="kolor()" > SAMOCHÓD<br>
<input type="radio" name="A" id="sl" onclick="kolor()" > SAMOLOT <br><br>
</fieldset>
</form>
</td>
<td>
<form style="width:300px" >
<fieldset>
<legend>Warunki podró¿y</legend><br>
Miejsce docelowe: <input type="text" id="wybor" name="B"  size="10"> <br><br>
ÂŚrodek transportu: <input type="text" id="srodek" name="B"  size="10"> <br><br><br>
</fieldset>
</form>
</td>
</table>

</body>
</html>
Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #2 : Kwiecień 27, 2016, 12:00:02 »
Zadanie 3. W zasadzie wszystko to samo co w poprzednim przykÂładzie, jednak zaznaczenie checkbox powoduje wyÂświetlenie tekstu w form ale bez udziaÂłu okienek tekstowych.

<html>
<head>
<meta charset="UTF-8">

<script>
var d="ssas";e=0;
function kolor() {
    if(document.getElementById("au").checked == true)
   {document.getElementById("srodek").value="AUTOBUS";};
   if(document.getElementById("poc").checked == true)
   {document.getElementById("srodek").value="POCIÂĄG";};
   if(document.getElementById("sam").checked == true)
   {document.getElementById("srodek").value="SAMOCHÓD";};
   if(document.getElementById("sl").checked == true)
   {document.getElementById("srodek").value="SAMOLOT";};
}
function miasto(E){document.getElementById("wybor").value=E;}
function tekst(){location.reload(); }
</script>
</head>
<body>
<font size="10">Zakup biletu</font>
<br><br>
<table><td>
<form style="width:200px" >
<fieldset>
<legend>DokÂąd jedziesz</legend>
<br>
<input type="radio" name="E" id="1"  value="GdaĂąsk" onclick="miasto(this.value)"> GDAÑSK <br>
<input type="radio" name="E" id="2" value="Pisz" onclick="miasto(this.value)"> PISZ<br>
<input type="radio" name="E" id="3" value="Kosów Lacki" onclick="miasto(this.value)"> KOSÓW LACKI <br>
<input type="radio" name="E" id="4" value="BiaÂłystok" onclick="miasto(this.value)"> BIAÂŁYSTOK <br>
<input type="radio" name="E" id="5" value="Kraków" onclick="miasto(this.value)"> KRAKÓW <br>
</fieldset>
</form>
</td>
<td>
<form style="width:200px" >
<fieldset>
<legend>ÂŚrodek transportu</legend><br>
<input type="radio" name="A" id="au"  onclick="kolor()" > AUTOBUS <br>
<input type="radio" name="A" id="poc" onclick="kolor()" > POCIÂĄG <br>
<input type="radio" name="A" id="sam" onclick="kolor()" > SAMOCHÓD<br>
<input type="radio" name="A" id="sl" onclick="kolor()" > SAMOLOT <br>
<input type="checkbox" name="B" id="ch" onclick="tekst()" > miejsce dla palÂących<br>
</fieldset>
</form>
</td>
<td>
<form style="width:300px" id="for" >
<fieldset>
<legend>Warunki podró¿y</legend><br>
Miejsce docelowe: <input type="text" id="wybor" name="B"  size="10"> <br><br>
ÂŚrodek transportu: <input type="text" id="srodek" name="B"  size="10"> <br><br>
<script>
 if(document.getElementById("ch").checked == true)
 {document.writeln("Dla palÂących")}
 else {document.writeln(" Kuba chce dla niepalÂących");};
</script><br>
</fieldset>
</form>
</td>
</table>

</body>
</html>
Zapisane
Strony: [1]
  Drukuj  
« poprzedni następny »
 
Skocz do:  

Powered by SMF 1.1.11 | SMF © 2006-2008, Simple Machines LLC | Sitemap

Polityka cookies
Darmowe Fora | Darmowe Forum

shaggydogss blackmoon proskills moikrewni articz