checkbox gør submit klikbar

jo :o)
Du skal bare bruge == istedet for =

Og så er der også noget med paranterserne der ikke helt holder
..

Det virker fint, men du har måske glemt at tilføje id på formfelterne.
Den kode virker hos mig:

<input id="ch" type="Checkbox" name="test1" value="OK" onclick="subButon()">
<input id="su" type="Submit" value="Klik">
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function subButon()
{
  document.getElementById('su').disabled = (document.getElementById('ch').checked)? true : false;
}
//-->
</SCRIPT>

Prøv med dette:

<form>
<input type="checkbox" onclick="this.form.submitknap.disbled = !this.checked"><br>
<input type="submit" name="submitknap" value="send">
</form>

...og det er naturligvis disabled og ikke disbled :)

softspot >>
Meget bedre kode du har der... Hvorfor så jeg ikke det?? :o)

Men som fennec er inde på, så er det klart bedre at lægge denne tilstandshåndtering i en funktion, for lige om lidt kommer du sikkert med et krav om at der er 30 andre checkbokse som også får indflydelse på om submit skal være enabled eller disabled ;-)


<script type="text/javascript">
function setState(frm)
{
  if(frm) {
    frm.submitknap.disbled = !frm.check1.checked;
  }
}
</script>

<form>
<input type="checkbox" name="check1" onclick="setState(this.form)"><br>
<input type="submit" name="submitknap" value="send">
</form>

Hov! Jeg nåede ikke lige at se din kommentar fennec, men tak :).

Men som jeg påpeger kan jeg bedre lide din måde at tænke på hvad angår "scalability", for den "dovne" måde medfører bare mere arbejde når siden vokser, så man kan lige så godt vænne sig til at lave den "fornuftige" struktur i sin kode.

...og så lykkedes det mig at copy/paste selv samme fejl som jeg lavede i mit første post (disbled => disabled) :)

Dvs at
onclick="document.getElementById('thisSubmit').disbled = (this.checked)? true : false;"
kan jeg blot sætte ind i min <input type="checkbox"...> kode?
Jeg har på ingen måde brug for at udvide :)
Jeg har ikke prøvet den kode jeg skrev, det var blot et gæt og er forbløffet over jeg ikke bare kastede mig ud i det og prøvede :)

Men i alt fald, virker denne onclick kode ikke i safari/firefox og endda heller ikke i IE.

Hvis du ikke har brug for at udvide, så gør sådan her:

<form>
<input type="checkbox" onclick="this.form.submitknap.disabled = !this.checked"><br>
<input type="submit" name="submitknap" value="send">
</form>

softspot: this.form.submitknap er javascript der kun virker i IE. Man bør anvende getElementById som mtrolle som udgangspunkt også har gjort.

onclick="document.getElementById('thisSubmit').disabled = (this.checked)

Vil virke fint

Helt ærlig - det er noget sludder!

Jeg har lige testet den kode i min sidste kommentar i IE 6.0, FF 1.0, Opera 6.05, NS 7.2 og Mozilla 1.4... og gæt hvad: det fungerer i dem allesammen. Der kan være tale om at initialværdien på checkboksen (eller submitknappen alt efter hvordan man anskuer det) ikke er sat i overensstemmelse med submitknappens tilstand, men det kan da klares rimelig let:

<form>
  <input type="checkbox" onclick="this.form.submitknap.disabled = !this.checked"><br>
  <input type="submit" name="submitknap" value="send" disabled>
</form>

Okay :)

Jeg foretrækker til hver en tid document.getElementById. Men det synes jeg er en helt anden diskution, som sikkert også er spændende nok :D

softspot smid et svar.
cayman smid et svar.

Det bliver cayman's sidste løsning kompineret med et udråbstegn fra softspots eksempel.

Tak for Jeres hjælp.

Softspot:
Du har nok ret. Det er nok bare mig der er gammeldags. Men den måde at refere variable var en Microfsoft opfandt, og jeg tror ikke den er en del af ECMA262 standarden. At det så tilsyneladende virker er jo bare fint.

Jeg har bare haft andre erfaringer, men der var også tale om document.form og ikke this.form.

ok

Så får du et svar herfra :)

Takker for point :)

Bare for en god orden skyld: Det er muligt at this.form for et input-element ikke er en del af ECMA262-standarden, men den er den del af W3C DOM, så den burde være god nok (hvis ellers den pågældende browser implementerer denne standard :))...

<ole>

cayman >> Dine indlæg tyder faktisk på, du aldrig har læst ECMA262 ... i hvert fald har du ikke forstået det første af den  :)

ECMA262 omhandler - og definerer regler for - scriptsprog ... herunder JavaScript.

'document.getElementById' har derimod intet somhelst med ECMA262 at gøre, men er fastlagt af W3C i deres DOM-rekommandationer. Den er det, der kaldes en ECMA-DOM binding.

'this.form.FELTNAVN' er ikke en MS-opfindelse, men blev ligesom 'document.FORMNAVN.FELTNAVN' introduceret af Netscape - som i øvrigt også skabte og introducerede JavaScript (oprindelig 'LiveScript').

/mvh
</bole>

PS: Har du andre erfaringer - som du skriver i (18/11-2005 13:02:32) - må det skyldes andre fejl i den kode, dine erfaringer udspringer fra.

Man skal altid være forsigtig med at generalisere udfra egne erfaringer, da disse kan skyldes mange forskellige ting ... specielt, når man ikke er synderlig stiv i standarderne  ;o)

Hej Ole bole

Uanset motivationen med dit indlæg, har jeg ikke andet at sige end at det ikke gjorde andet end at træde på folk.

Ingen benefit for softspot, mtrolle eller nogen andre.

Det var ærgerligt jeg blandede mig i debatten og fik hidset så mange mennesker op. Det sker ikke igen. Der skal hermed lyde en officiel undskyldning alle der føler sig trådt på ;o)

Jeg videregiver kun hvad jeg har lært. Min primære fokus er dog J2EE, så det kan godt være der er noget der er script-viden der er misforstået.

Men ikke desto mindre hjalp det mtrolle. Det var da i det mindste mere end du formåede. Olebole.

Meningen var ikke, at min kommentar direkte skulle hjælpe mtrolle eller softspot - og heller ikke, at du skulle føle dig trådt på.

Hensigten var dels at få rettet dine forkerte informationer og dels at få dig til at dæmpe din udtalte skråsikkerhed i fremtiden - specielt når/hvis du ikke har så meget at have den i.
Prøv at læse dine kommentarer i denne tråd én gang til. Så vil du forhåbentlig indrømme, at de udstråler, der skulle være tale om 'kold viden' - hvilket er yderst uhensigtsmæssigt i et hjælpeforum, når det modsatte faktisk er tilfældet.
Du kan også prøve at kikke på andre tråde, hvor du de seneste dage har givet fejlagtige informationer ... igen med stor 'sikkerhed'.

Det er min helt klare overbevisning, at det bl.a. vil kunne hjælpe mtrolle og softspot i fremtiden, hvis mit lille 'projekt' kunne lykkes - omend indirekte  :)

>>cayman

1. Dit indlæg 18/11-2005 11:40:27 er direkte fejlagtigt ...

-- da det er en værdi-tildeling skal der aldeles ikke bruges en sammenligningsoperator ...

2. Dit indlæg 18/11-2005 11:41:19 er også forkert, men er, da man ikke behøver de ydre paranteser i den ternære operator, måske undskyldeligt ...

-- men min umiddelbare fortolkning vil være, at du ikke tror, at paranteser (ligesom f.eks. i matematiske udtryk !-) kan nestes, hvilket de principielt kan i en uendelighed (nå, ja, afhængig af den regnekraft og hukommelse, der stilles til rådighed for javascript-fortolkeren og javascript-versionen !-), altså er det også direkte en fejl ...

3. Dit indlæg 18/11-2005 12:16:46 er, som olebole påpeger bare en fejlinformation, altså direkte forkert ...

4. Dit indlæg 18/11-2005 13:02:32 antyder også, at du ikke har kigget på DOM-bindings, da _alle_ form-elementer har en property, som direkte henviser til den omkransende form (hvis der er en !-), så måske skulle du kigge på: http://www.w3.org/TR/2000/WD-DOM-Level-1-20000929/ecma-script-language-binding.html, hvorimod der ikke findes noget, som hedder document.form, så der har du selvfølgelig haft visse problemer !o]

-- så alt-i-alt mener jeg præcis, at du bør være olebole taknemmelig for, at han gider at ofre tid og kræfter på at forklare dig nogle ting, som du helt åbenlyst overhovedet ikke ved eller har forstået ...