input checkbox onchange not working on IE7

[Aaron Gray]

I am finding that <input type="checkbox" onchange="alert('test')"></input>
does not seem to work properly on IE7.

http://www.aarongray.org/Test/JavaScript/checkbox.html

It works fine on FF and Google Chrome.

Any suggestions ?

Many thanks in advance,

Aaron

 

[David Mark]

I am finding that <input type="checkbox" onchange="alert('test')"></input>
does not seem to work properly on IE7.

Use the click event with checkboxes. I think you will find that in
some browsers the change event fires only after the input loses focus.

 

[Aaron Gray]

Use the click event with checkboxes. I think you will find that in
some browsers the change event fires only after the input loses focus.

Okay great 'onclick' works but how do Iget the checkbox'es value ?

<input type="checkbox" onchange="alert('test' + this.value)"></input>

Is always giving 'on'.

Thanks,

Aaron

 

[xdevel1999]

Okay great 'onclick' works but how do Iget the checkbox'es value ?

    <input type="checkbox" onchange="alert('test' + this.value)"></input>

Is always giving 'on'.

Thanks,

Aaron

simply put a value attribute on it


<input type="checkbox" value ="some_value" onclick="alert('test' +
this.value)"></input>

Bye

 

[David Mark]

simply put a value attribute on it

What on earth are you talking about?

 

[David Mark]

Okay great 'onclick' works but how do Iget the checkbox'es value ?

    <input type="checkbox" onchange="alert('test' + this.value)"></input>

Is always giving 'on'.

Perhaps you meant onclick above? Also, the checked property is likely
what you are after. Do you really care about the value?

 

[Aaron Gray]

Perhaps you meant onclick above?

Yes, sorry

Also, the checked property is likely what you are after.

Ah, got that

Do you really care about the value?

No.

Thanks alot David,

Aaron

 

[David Mark]

Yes, sorry


Ah, got that


No.

Thanks alot David,

No problem. One caveat though. It seems to me that there is at least
one old version of Mac IE that will not work as expected. My memory
is fuzzy on this though. I remember consulting on a project a few
years ago that did something like this:

function mycheckboxclick() {
if (isMacIE) {
someglobalflag = this.checked;
} else {
someglobalflag = !this.checked;
}
}

This is madness of course (first thing I did was change the global
flag to a function that returned the present value of the checked
property.) The "reasoning" for the above logic was that a unit test
failed in Mac IE and this hack "fixed" it. This is the same brain-
dead methodology used by Prototype, jQuery, etc. You can probably
imagine my ultimate recommendation (throw the bums out.)