01. marts 2006 - 13:20
Der er
8 kommentarer og 1 løsning
Afhængige checkboxe
Hvordan gør jeg 2 checkboxe aghængige af hinanden ligesom man gør det med radio buttons? Således at hvis en vælges uncheckes den anden: Eks.: <input name="name1" type="checkbox" value="1"> Hvis der vælges en af boksene nedenfor unchekes name1: <input name="name2" type="checkbox" value="1"> <input name="name3" type="checkbox" value="1"> <input name="name4" type="checkbox" value="1"> <input name="name5" type="checkbox" value="1"> <input name="name6" type="checkbox" value="1">
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?
01. marts 2006 - 13:25
#1
Hvis det bare er den ene checkboks der skal uncheckes, så kan du smide denne kode ind i de 5 sidste: onclick="if(this.checked)this.form.name1.checked=false" så det ser således ud <input name="name2" type="checkbox" value="1" onclick="if(this.checked)this.form.name1.checked=false"> i de sidste 5
01. marts 2006 - 13:37
#2
Perfekt nu er det ikke for at være grådig, men hvordan gør jeg så hvis en checkbox skal have to funktioner, altså både uncheck name1, men samtidig checke f.eks. 5 :)
01. marts 2006 - 13:50
#3
<input name="name2" type="checkbox" value="1" onclick="if(this.checked){this.form.name1.checked=false; this.form.name5.checked=true}"> Du skal nok sørge for at der ikke kommer for meget inlinekode i de eventhandlers. Det er en smagssag, men jeg vil sige at hvis der er mere end et statement, så bør det flyttes ud i selvstændige rutiner som så kaldes fra din event-handler - i særdeleshed hvis det er funktionalitet der deles mellem flere kontroller.
01. marts 2006 - 15:00
#4
Kanon, lige er lige præcis hvad jeg har brug for, kan den laves således at det er ved "oncheck" i stedet for onclick?
01. marts 2006 - 15:05
#5
Der findes såvidt jeg ved ikke et standard-event som hedder oncheck, så det umiddelbare svar er nej. Jeg er dog lidt interesseret i at høre hvorfor du vil have det til at ske oncheck - det er jo noget man kan kode sig ud af...
01. marts 2006 - 15:07
#6
Ok, jeg har lige fundet en løsning på probelemet, der er point og der virker perfekt.
01. marts 2006 - 15:10
#7
OK, hvis du har lyst til at dele løsningen med andre på sitet, så tror jeg vi bliver glade ;-) Velbekomme :)
01. marts 2006 - 15:34
#8
Den var lige her: <table cellpadding="2" cellspacing="0" border="0" width="100%"> <tr> <td bgcolor="#f7f7f7"><strong>Læse:</strong></td> <td bgcolor="#f7f7f7"><strong>Skrive:</strong></td> <td bgcolor="#f7f7f7"><strong>Gruppe:</strong></td> </tr> <tr> <td align="center"><input name="name1" type="checkbox" value="1" class="formcheck" checked onclick="if(this.checked)this.form.usertype_47.checked=false;this.form.usertype_47_admin.checked=false;this.form.usertype_48.checked=false;this.form.usertype_48_admin.checked=false;"></td> <td align=""> </td> <td>: Alle brugere</td> </tr> <tr> <td align="center"><input name="usertype_47" type="checkbox" value="1" class="formcheck" onclick="if(this.checked)this.form.name1.checked=false; this.form.usertype_47_admin.checked=false;"></td> <td align="center"><input name="usertype_47_admin" type="checkbox" value="1" class="formcheck" onclick="if(this.checked)this.form.name1.checked=false; this.form.usertype_47.checked=true"></td> <td>: Projektgruppe</td> </tr> <tr> <td align="center"><input name="usertype_48" type="checkbox" value="1" class="formcheck" onclick="if(this.checked)this.form.name1.checked=false; this.form.usertype_48_admin.checked=false;"></td> <td align="center"><input name="usertype_48_admin" type="checkbox" value="1" class="formcheck" onclick="if(this.checked)this.form.name1.checked=false; this.form.usertype_48.checked=true"></td> <td>: Medhjælpere</td> </tr> </table>
01. marts 2006 - 15:44
#9
Tak for point :)
Vi tilbyder markedets bedste kurser inden for webudvikling