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]

On Oct 30, 3:17*pm, "Aaron Gray" <[e-mail]:

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]

"David Mark" <dm***********@gmail.comwrote in message
news:2a**********************************@f77g2000 hsf.googlegroups.com...

>On Oct 30, 3:17 pm, "Aaron Gray" <[e-mail]:

>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.

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]

On 30 Ott, 20:26, "Aaron Gray" <[e-mail]:

"David Mark" <[e-mail] in message

news:2a**********************************@f77g2000 hsf.googlegroups.com...

On Oct 30, 3:17 pm, "Aaron Gray" <[e-mail]:

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.

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]

On Oct 30, 3:35*pm, xdevel1999 <[e-mail]:

On 30 Ott, 20:26, "Aaron Gray" <[e-mail]:

"David Mark" <[e-mail] in message

news:2a**********************************@f77g2000 hsf.googlegroups.com....

>On Oct 30, 3:17 pm, "Aaron Gray" <[e-mail]:
>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.

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

What on earth are you talking about?

[David Mark]

On Oct 30, 3:26*pm, "Aaron Gray" <[e-mail]:

"David Mark" <[e-mail] in message

news:2a**********************************@f77g2000 hsf.googlegroups.com...

On Oct 30, 3:17 pm, "Aaron Gray" <[e-mail]:

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.

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]

"David Mark" <dm***********@gmail.comwrote in message
news:dd**********************************@f63g2000 hsf.googlegroups.com...
On Oct 30, 3:26 pm, "Aaron Gray" <[e-mail]:

>"David Mark" <[e-mail] in message

news:2a**********************************@f77g200 0hsf.googlegroups.com...

>On Oct 30, 3:17 pm, "Aaron Gray" <[e-mail]:
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.

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?

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]

On Oct 30, 4:15*pm, "Aaron Gray" <[e-mail]:

"David Mark" <[e-mail] in message

news:dd**********************************@f63g2000 hsf.googlegroups.com...
On Oct 30, 3:26 pm, "Aaron Gray" <[e-mail]:

"David Mark" <[e-mail] in message

>news:2a**********************************@f77g200 0hsf.googlegroups.com....

On Oct 30, 3:17 pm, "Aaron Gray" <[e-mail]:
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..

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?

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,

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.)