13. juli 2003 - 10:47
Der er
17 kommentarer og 1 løsning
Aktivering af select
Hvordan aktivere/deaktivere man en eller flere 'select' ved at sætte hak i en checkbox ? (ligesom her på eksperten under 'Box indstillinger')
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?
Slettet bruger
13. juli 2003 - 10:50
#1
<form> <input type="checkbox" onClick="this.form.sel.disabled = !this.checked;"> <select name="sel" disabled="disabled"> ... </select> </form>
<script language="JavaScript"> function check() { if (document.form.checkbox.checked) { document.form.sel.disabled = false; return true; } else { document.form.sel.disabled = true; return false; } } </script> <form name="form"> <input type="checkbox" name="checkbox" value="checked" onClick="check()"><br> <SELECT NAME="sel" DISABLED> <option>123 <option>123 </SELECT> <INPUT TYPE="submit" name="send" value="Send"> </form>
Slettet bruger
13. juli 2003 - 11:11
#3
ellebaek>> Det kan man vist næppe kalde smartere end mit forslag.
næ... Kan man sikkert ikke, men det virker!
phoenixv: Virker perfekt, men hvad hvis man har FLERE 'select' der skal aktiveres ? Lige nu har jeg: <form> <fieldset> <input type="checkbox" onClick="this.form.select1.disabled = !this.checked;"> <select name="select1" disabled="disabled"> <option value ="volvo">Volvo</option> <option value ="saab">Saab</option> <option value ="opel">Opel</option> <option value ="audi">Audi</option> </select> <select name="select2" disabled="disabled"> <option value ="volvo">Peter</option> <option value ="saab">Lars</option> <option value ="opel">Hans</option> <option value ="audi">Frederik</option> </select> </fieldset> </form> Hvordan får jeg den anden (og evt. en tredje) select koblet på ?
Skal de alle disables af den samme checkbox ?-) En lidt fræk javascript-konstruktion: <input type="checkbox" onClick="this.form.select1.disabled = this.form.select2.disabled = !this.checked;">
<script language="JavaScript"> function check() { if (document.form.checkbox.checked) { document.form.sel1.disabled = false; document.form.sel2.disabled = false; return true; } else { document.form.sel1.disabled = true; document.form.sel2.disabled = true; return false; } } </script> Det kan også gøres på denne måde...
Smukt :) phoenixv, ellebaek, roenving, smid nogle svar, det virker jo det hele !! roenving...du mangler stadig at svare i det andet spørgsmål ;)
I det andet spm er det grunkens point -- her er det phoenixv's ,-)
13. juli 2003 - 15:05
#10
Ok, men de svarer jo ikke, hvad skal mand gøre :(
13. juli 2003 - 15:06
#11
roenving: Forresten, kender du en rigtig god javascript bog, gerne af nyere dato ? Helst på amazon.co.uk.
Slettet bruger
14. juli 2003 - 10:24
#13
Svar. ellebaek>> Der er jo ingen grund til at komme med en ny løsning, når nu en foregående (og enklere) virker korrekt.
14. juli 2003 - 10:40
#14
>>phoenixv -- jeg ville endda sige: (og ovenikøbet enklere)
Slettet bruger
14. juli 2003 - 11:24
#15
:)
Slettet bruger
14. juli 2003 - 12:18
#16
Hov, roenving skulle da vist også have noget! :) Bare sig til, hvis du vil have din del af kagen.
14. juli 2003 - 12:20
#17
Nej phoenixv, se 13/07-2003 14:59:14
Slettet bruger
14. juli 2003 - 12:21
#18
:) Jeg takker så.
Vi tilbyder markedets bedste kurser inden for webudvikling