Neregistrovaný Přihlásit Registrovat

Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailem Javascript přehazování radio button & disable form element

Dobrý den může mi prosím někdo poradit jak upravit tento skript tak aby fungoval?
Mě se zdá být v pohodě a vše logicky by mělo fungovat ale nejde nic.
Má se při zaškrtnutí jednoho "radio button" povolit první "input" a druhý zakázat a při zaškrtnutí druhého "radio button" se má udělat pravý opak.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="www.w3.org/1999/xhtml">

<head>
  <title></title>
</head>

<script type="text/javascript" language="javascript">

function makeChoice()

if (document.getElementById("zadatradio").checked == true && document.getElementById("volbaradio").checked == false)
{

document.getElementById("zvolit").disabled=true; //vypínání zvolit
document.getElementById("zadat").disabled=false; //zapínání zadat
document.getElementById("zadat").focus();       //kurzor zadat

}
else if (document.getElementById("zadatradio").checked == false && document.getElementById("volbaradio").checked == true)
{
document.getElementById("zvolit").disabled=false; //zapínání zvolit
document.getElementById("zadat").disabled=true;   //vypínání zadat
document.getElementById("zvolit").focus();        //kurzor zvolit
}
</script>

<body>

<input type="radio" id="zadatradio" onclick="makeChoice();">
<input type="radio" id="volbaradio" onclick="makeChoice();" >

<input name="K" id="zadat" type="text">

<select name="K" id="zvolit" size="1">
<option value="" selected> </option>
<option value="56">Měd</option>
<option value="37">Hliník</option>
<option value="63">Stříbro</option>
<option value="7,7">Železo</option>
<option value="5,9">Cín</option>
<option value="4,8">Olovo</option>
</select>
</body>

</html>
Předmět Autor Datum
V tom skriptu nemáš vůbec ošetřeno, co dělat, pokud jsou vybrané oba prvky, nebo oba vybrané nejsou.
Wikan 24.07.2011 17:13
 Wikan
no toho se zbavim : <input type="radio" id="zadatradio" name="1" onclick="makeChoice(); checked="ch…
Vasekdvor 24.07.2011 17:18
 Vasekdvor
Nevíte co s tim ?
Vasekdvor 24.07.2011 17:47
 Vasekdvor
?
Vasekdvor 24.07.2011 20:56
 Vasekdvor
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd…
Flash_Gordon 24.07.2011 21:14
 Flash_Gordon
Díky moc prosimtě můžeš mi říct co tam bylo špatně z hlediska funkčnosti ?
Vasekdvor 24.07.2011 22:18
 Vasekdvor
Už vim . Dvě podělaný složený závorky. poslední
Vasekdvor 24.07.2011 22:34
 Vasekdvor 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="www.w3.org/1999/xhtml">

<head>
  <title></title>
</head>

<script type="text/javascript" language="javascript">

function makeChoice()
{


if ((document.getElementById("zadatradio").checked == true) && (document.getElementById("volbaradio").checked == false))
{
  alert(document.forms[0].elements[0].value + "prvni");
document.getElementById("zvolit").disabled=true; //vypínání zvolit
document.getElementById("zadat").disabled=false; //zapínání zadat
document.getElementById("zadat").focus();       //kurzor zadat

}
if ((document.getElementById("zadatradio").checked == false) && (document.getElementById("volbaradio").checked == true))
{
alert(document.forms[0].elements[0].value + "druha");
document.getElementById("zvolit").disabled=false; //zapínání zvolit
document.getElementById("zadat").disabled=true;   //vypínání zadat
document.getElementById("zvolit").focus();        //kurzor zvolit
}
}
</script>

<body>
<form>
<input type="radio" name="group1" value="zadatradio" id="zadatradio" onclick="makeChoice();"> text
<input type="radio" name="group1" value="volbaradio" id="volbaradio"  onclick="makeChoice();">


<input name="K" id="zadat" type="text">

<select name="K2" id="zvolit" size="1">
<option value="" selected> </option>
<option value="56">Měd</option>
<option value="37">Hliník</option>
<option value="63">Stříbro</option>
<option value="7,7">Železo</option>
<option value="5,9">Cín</option>
<option value="4,8">Olovo</option>
</select>
</form>
</body>

</html>

PS: Doufám, že víš jak přistoupit k hodnotám vybrané nabídky na straně serveru, protože jsi to neměl dobře zařazené do skupiny a neměl jsi hodnoty name vůbec definované.

Zpět do poradny Odpovědět na původní otázku Nahoru