[JS] onChange werkt niet direct in IE

[jfeelders]

Ik heb een formulier waarbij door het aanvinken van een checkbox de submit-button enabled word. Dit werkt perfect in Firefox (zodra je de checkbox aangevinkt, wordt de submit ge-enabled). In IE6 + IE7 moet je echter eerst elders op de pagina klikken voordat de submit-status wordt veranderd.

Dit zal ongetwijfeld komen door de manier waarop IE de data verwerkt. Maar mijn vraag is: is er een work-around waardoor bij IE de status van een form-tag direct wordt veranderd?

Voor de duidelijkheid een deel van de bron:

HTML:

<form>
bla bla
<input type=checkbox onchange="javascript: if (this.checked==true) {form.elements[7].disabled=false} else {form.elements[7].disabled=true}">Ik heb kennis genomen van het Huishoudelijk reglement.<br><br>
<input disabled type=submit value=" Verzenden ">
</form>

PS. Die form.elements[7] klopt...

[crisp]

onclick gebruiken. En javascript: als een language-type-selector in een eventhandler is IE-only en bovendien overbodig.

HTML:

<input type=checkbox onclick="this.form.elements[7].disabled=!this.checked">

[ Voor 29% gewijzigd door crisp op 05-12-2006 17:14 ]

[jfeelders]

OK, dat kan al iets schelen. En als bezoekers er met het keyboard doorheen lopen? Dus TAB voor volgend veld en SPATIE voor selecteren? Werkt onclick dan ook?

[moozzuzz]

jfeelders schreef op dinsdag 05 december 2006 @ 17:19:
Werkt onclick dan ook?

Wat denk je :^p. Probeer evt. onFocus()? Probeer anders es op google te zoeken naar events+handler+javascript.

[dominic]

onclick event afvangen naar functie, in functie checken of input checked is ja/nee.

code:

function _clickhandler()
{
  var obj = event.srcElement;
  var submitbutton = document.getElementById("submitbuttonnaampje");

  submitbutton.disabled = (!obj.checked) ? true:false;
}

Of iets in die trant dus..

[ Voor 59% gewijzigd door dominic op 05-12-2006 17:33 ]

[jfeelders]

De onclick i.p.v. onchange werkt boven verwachting. Ook met keyboard-invoer, wat ik niet verwacht had. De onchange is bij een checkbox dus niet aan te raden omdat de event handler bij IE achter loopt...

[crisp]

Over 'javascript:' heb ik overigens een wellicht interessant artikel geschreven