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 tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
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>
31. marts 2006 - 14:43
#4
Hvis man først afkrydser "Eget køretøj" og derefter afkrydser evt. Tog/Bus kan man så ikke fjerne krydset i "Eget køretøj"
31. marts 2006 - 16:13
#5
En af grundene til, at jeg gjorde som jeg gjorde i mit eksempel !-)
31. marts 2006 - 17:28
#6
Ok - jeg formuleret mig ikke lige korrekt. Hvis man først afkrydser Eget køretøj og derefter evt. Tog/bus skal afkrydsningen fjernes fra Eget køretøj automatisk.
31. marts 2006 - 17:39
#7
Det kan du slet ikke i mit eksempel !o]
Vi tilbyder markedets bedste kurser inden for webudvikling