29. marts 2006 - 11:33
Der er
7 kommentarer
checkbox afhængig af anden checkbox
Jeg har disse valgmuligheder: <table border="0" id="table2" cellpadding="0" style="border-collapse: collapse" width="342"> <tr> <td><font face="Verdana"><input type="checkbox" name="Togbus" value="ON"><font size="2">Tog/bus</font></font></td> <td><font face="Verdana"><input type="checkbox" name="fly" value="ON"><font size="2">Fly</font></font></td> <td><font face="Verdana"><input type="checkbox" name="skolens_bil" value="ON"><font size="2">Skolens bil</font></font></td> </tr> <tr> <td><font face="Verdana"><input type="checkbox" name="eget_koretoj" value="ON"><font size="2">Eget køretøj</font></font></td> <td><font face="Verdana"><input type="checkbox" name="transport_intet" value="ON"><font size="2">Intet</font></td> <td> </td> </tr> </table> Jeg vil gerne at, hvis man vælger checkbox'en "Tog/Bus" el. "Fly" el. "Skolens bil" har brugeren ikke mulighed for at vælge "Eget køretøj"
Annonceindlæg fra Axcess Nordic
29. marts 2006 - 15:22
#1
Kan du bruge det her? <script type="text/javascript"> function check(){ var f = document.forms[0]; document.getElementById("eget_koretoj").disabled = f.elements[0].checked || f.elements[1].checked || f.elements[2].checked; } </script> <table border="0" id="table2" cellpadding="0" style="border-collapse: collapse" width="342"> <form> <tr> <td><font face="Verdana"><input type="checkbox" name="Togbus" value="ON" onclick="check();"><font size="2">Tog/bus</font></font></td> <td><font face="Verdana"><input type="checkbox" name="fly" value="ON" onclick="check();"><font size="2">Fly</font></font></td> <td><font face="Verdana"><input type="checkbox" name="skolens_bil" value="ON" onclick="check();"><font size="2">Skolens bil</font></font></td> </tr> <tr> <td><font face="Verdana"><input type="checkbox" name="eget_koretoj" id="eget_koretoj" value="ON"><font size="2">Eget køretøj</font></font></td> <td><font face="Verdana"><input type="checkbox" name="transport_intet" value="ON"><font size="2">Intet</font></td> <td> </td> </tr> </form> </table>
29. marts 2006 - 15:56
#2
Hvis du vil have funktionen til at fylde lidt mindre ... <script type="text/javascript"> function check(){ var e = document.forms[0].elements; document.getElementById("eget_koretoj").disabled = e[0].checked || e[1].checked || e[2].checked; } </script>
29. marts 2006 - 20:11
#3
-- og endnu bedre: <form> ... <!-- tabel udeladt for overskuelighed --> <input name="Togbus" type="checkbox" onclick="return check(this)"><br> <input name="fly" type="checkbox" onclick="return check(this)"><br> <input name="skolens_bil" type="checkbox" onclick="return check(this)"><br> <input name="eget_koretoj" type="checkbox" onclick="return check(this)"><br> ... </form> <script type="text/javascript"> function check(elm){ var e = elm.form.elements; if(elm.name == "eget_koretoj") e["Togbus"].disabled = e["fly"].disabled = e["skolens_bil"].disabled = elm.checked; else e["eget_koretoj"].disabled = e["Togbus"].checked || e["fly"].checked || e["skolens_bil"].checked ; } </script>