Autor Zpráva
Prkny
Profil
Dobrý den,

prosím Vás o pomoc s následujícím skriptíkem, mám radio buttony. Rád bych v javascriptu toto:
Když kliknu na PPL nebo ČP, tak zmizet nebo "zaslepit" hotove, pokud kliknu na Praha zaslepit dobirku, prikazem, splatky a označit hotově.
Pokud kliknu na Slovensko, zaslepit vše krom příkazem, který označit.

Marně jsem se pokoušel dělat něco ale opravdu marně ... Dá se to nějak vyřešit ?

<form>
<input type="radio" 
       name="doprava" 
       id="ppl"  
       value="1" checked> PPL
       
<input type="radio" 
       name="doprava" 
       id="cp" 
       value="1"> ČP

<input type="radio" 
       name="doprava" 
       id="praha" 
       value="1"> Praha

<input type="radio" 
       name="doprava" 
       id="sk" 
       value="1"> Slovensko
       
<br>
<input type="radio" 
       name="platba" 
       id="dobirka" 
       value="1"> dobirka
       
<input type="radio" 
       name="platba" 
       id="prikazem" 
       value="1"> prikazem
       
<input type="radio" 
       name="platba" 
       id="hotove" 
       value="1"> Hotově
              
<input type="radio" 
       name="platba" 
       id="splatky" 
       value="1"> Hotově
</form>
Joker
Profil
Prkny:
Dá se to nějak vyřešit ?
Před otazníkem se nepíše mezera
Jistěže.
Napsat JS funkci, která podle označeného prvku nastaví příslušným prvkům disabled a pak ji u všech prvků pověsit na onclick.
Na JPW na to je i příklad

Jinak by ale ty inputy neměly mít všechny stejnou value, to pak nedává smysl.
Prkny
Profil
Joker: Děkuji za lekci z češtiny.
Díky příkladu jsem vytvořil to co jsem potřeboval, ale zda se mi to dost krkolomné, jde na to vytvořit nějaká kompaktnější funkce?

<form>
<input type="radio" 
       name="doprava" 
       value="ppl" onclick="document.getElementById('dobirka').disabled=false; document.getElementById('prikazem').disabled=false; document.getElementById('hotove').disabled=true; document.getElementById('splatky').disabled=false;"> PPL
       
<input type="radio" 
       name="doprava" 
       value="cp" onclick="document.getElementById('dobirka').disabled=false; document.getElementById('prikazem').disabled=false; document.getElementById('hotove').disabled=true; document.getElementById('splatky').disabled=false;"> ČP

<input type="radio" 
       name="doprava" 
       value="ji" onclick="document.getElementById('dobirka').disabled=true; document.getElementById('prikazem').disabled=true; document.getElementById('hotove').disabled=false; document.getElementById('splatky').disabled=true;  document.getElementById('hotove').checked=checked;"> Jihlava
       
<br>
<input type="radio" 
       name="platba" 
       id="dobirka" 
       value="dobirka"> dobirka
       
<input type="radio" 
       name="platba" 
       id="prikazem" 
       value="prikazem"> prikazem
       
<input type="radio" 
       name="platba" 
       id="hotove" 
       value="hotove"> Hotově
              
<input type="radio" 
       name="platba" 
       id="splatky" 
       value="splatky"> Splatky
</form>

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: