Labels onclick check checkbox

<form>
X <input type="checkbox" name="accept" onclick="this.form.submit.disabled = !this.checked;">

<label for="accept">Jeg accepterer betingelserne..</label>
<br><br>
<input id="form" type="submit" value="Opret" name="submit" disabled style="width: 60px; font-weight: bold;">
</form>

-og det er utrolig dårlig stil at bruge reseverede ord som navne :o)

så kald din submitknap noget andet end submit

hvad hedder det modsatte af disabled ?

"enabled", men jeg tror du misforstår. Du skal sætte disabled til sandt eller falsk:

this.form.submit.disabled = true
eller
this.form.submit.disabled = false

deraf:
this.form.submit.disabled = !this.checked
(! negerer udtrykket)

Og ja, som grunken sagde, så brug et andet navn til din submit ( selvom det virker ).

jeg fik lige at vide at labels ikke køre i alle browsere , så jeg lavede en anden løsning:
<input type="checkbox" name="accept" onclick="this.form.submit.disabled= !this.checked;"><span onclick="document.opret.accept.checked='true';this.form.submit.disabled" style="cursor: pointer;">Jeg accepterer betingelserne..</span>

<br><br>
<input id="form" type="submit" value="Opret" name="submit" disabled="disabled" style="width: 60px; font-weight: bold;">

men onclicl på "jeg accetere betingeleserne" virker ikke, fordi en span ikke kan checkes.. hvis du forstår :) !

Det virker fint for mig ( du skal dog lige huske at putte det hele mellem en <form> og </form> ).

Min logik siger mig at en af disse to løsninger burde virker:
<span onclick="document.opret.accept.checked='true';this.form.submit.enabled" style="cursor: pointer;">Jeg accepterer betingelserne..</span>
<span onclick="document.opret.accept.checked='true';this.form.submit.disabled='false';" style="cursor: pointer;">Jeg accepterer betingelserne..</span>

Men intet af det virker, og jeg er ikke god til JS, så måske du kunne forklare why ? :D

Nåhhh, du vil kunne trykke på selve teksten og så få sat kryds i boksen?

Prøv med det her:
*************************
<form name="opret">
<input type="checkbox" name="accept" onclick="this.form.submit.disabled= !this.checked;">
<span onclick="document.opret.accept.checked=!document.opret.accept.checked;document.opret.submit.disabled=!document.opret.accept.checked" style="cursor: pointer;">Jeg accepterer betingelserne..</span>
<br><br>
<input id="form" type="submit" value="Opret" name="submit" disabled="disabled" style="width: 60px; font-weight: bold;">
</form>
***********************************

Er ikke helt så pænt, da man ikke kan tilgå "this.form" fra span elementet. Måske burde du ligge javascript-kode i en funktion i stedet, så det bliver lidt mere struktureret...men overstående skulle virke.

som yellow siger er der ikke noget der hedder enable på javascriptsk :o)

Hovsa, og din submit skal bare se sådan her ud:

<input id="form" type="submit" value="Opret" name="submit" disabled style="width: 60px; font-weight: bold;">

( altså ikke disabled="disabled" )

og når du alligevel sætter værdierne til det samme yellow kan det forkorte den lidt at gøre sådan her :o)

onclick="document.opret.accept.checked=document.opret.submit.disabled=!document.opret.accept.checked"

og hvor skulle den onclick stå ?

Oh, kendte ikke den konstruktion :-)

( men submit-disabled er true når box-checked false, så den holder ikke helt i det her tilfælde ).

Brug den fra 11/06-2004 12:23:12

det virker :) TAK

aha ;p

ahaha :P