Formulář, radio inputy – JavaScript, AJAX, jQuery – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

Formulář, radio inputy – JavaScript, AJAX, jQuery – Fórum – Programujte.comFormulář, radio inputy – JavaScript, AJAX, jQuery – Fórum – Programujte.com

 

Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
JMM
~ Redaktor
0
Grafoman
8. 12. 2010   #1
-
0
-

Zdravím, mám problém s radio buttony. Nezaškrtávají se tak jak si přeju ani disabled nefunguje tak jak bych chtěl

Mělo by to pracovat tak, že:

1) vyberu platba1
[seznam]zašktrne se doprava1[/seznam]
[seznam]zešedne doprava2, doprava1 a doprava3 budou aktivní[/seznam]

2) vyberu platba2
[seznam]zde vše aktivní[/seznam]
[seznam]zaškrtne se doprava1[/seznam]

3) vyberu platba3
[seznam]zaškrtne se doprava2[/seznam]
[seznam]doprava1 a doprava3 neaktivní[/seznam]




JS
---------------------
function onLoad(){
document.getElementById('platba1').checked=true;

document.getElementById('doprava1').disabled=false;
document.getElementById('doprava2').disabled=true;
document.getElementById('doprava3').disabled=false;

document.getElementById('doprava1').checked=true;
}

function onPrevod(){
if (document.getElementById('platba2').checked)
{
document.getElementById('doprava1').disabled=false;
document.getElementById('doprava2').disabled=false;
document.getElementById('doprava3').disabled=false;

document.getElementById('doprava1').checked=true;

}
}

function onOsobne(){
if (document.getElementById('platba3').checked)
{
document.getElementById('doprava1').disabled=true;
document.getElementById('doprava2').disabled=false;
document.getElementById('doprava3').disabled=true;

document.getElementById('doprava2').checked=true;
}
}

HTML
---------------------
<form action="#" method="post" name="frmDoprava">
<fieldset>
<legend>Způsop platby</legend>
<table>
<tr>
<td><input type="radio" name="PLATBA" value="Dobirka" id="platba1" onchange="onLoad();" /></td>
<td>Dobírka</td>
</tr>
<tr>
<td><input type="radio" name="PLATBA" value="Prevodem" id="platba2" onchange="onPrevod();" /></td>
<td>Bankovním převodem</td>
</tr>
<tr>
<td><input type="radio" name="PLATBA" value="Hotove" id="platba3" onchange="onOsobne();"/></td>
<td>Hotově</td>
</tr>
</table>
</fieldset>

<fieldset>
<legend>Způsob dopravy</legend>
<input type="radio" name="DOPRAVA" value="Posta" id="doprava1" />Česká pošta
<input type="radio" name="DOPRAVA" value="Osobni" id="doprava2" />Osobní odběr na prodejně
<input type="radio" name="DOPRAVA" value="PPL" class="doprava3" />Slovensko - PPL
</fieldset>
</form>


EDIT: prosím smazat, teď když sem tady vyčistil kod sem si všiml, že namísto id="doprava3" mám class="doprava3"

Nahlásit jako SPAM
IP: 89.111.99.–
Jan Malý | web: www.malyphoto.cz, @malyphoto
Reklama
Reklama
Nefaritus
~ Redaktor
+2
Posthunter
8. 12. 2010   #2
-
0
-

Nemělo by být .checked='checked' a .disabled='disabled'? Zkus to.

Nahlásit jako SPAM
IP: 89.103.4.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 13 hostů

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý