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

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>

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