ansaurus

Question

onchange / onclick in a checkbox doesn't work in IE

Answer 1

+1 A:

Internet Explorer only fires the onchange event when the checkbox loses the focus (onblur). also see here:
http://krijnhoetmer.nl/stuff/javascript/checkbox-onchange/
and here:
http://bytes.com/topic/javascript/answers/92116-onchange-checkbox

GOsha 2010-06-25 11:53:39

Answer 2

A:

Are you sure onclick does not work? Did you check for javascript errors?

The following works in IE7 (don't have IE6 to test)

<html>
    <head>
       <script>
            function text()
            {
                alert(document.getElementById("cbxTest").checked);
            }
       </script>
    </head>
    <body>
        <input type="checkbox" name="cbxTest" id="cbxTest" onclick="text()"/>
        <label for="cbxTest"> Test </label>
    </body>
</html>

Note: This is only for onclick. OnChange works differently in IE, see GOsha's answer.

Nivas 2010-06-25 12:23:37

I'm 100% sure it's not working (i put alerts in every step of the onclick function) but strangely there's not javascript errors when i debug the script.

Francisco Freitas 2010-06-25 13:11:17

Probably you have already checked, but: are you aure that "chkbx_send_demo" refers to the correct checkbox? Can you do a alert and confirm this?Also, the exact same code workd in FF?

Nivas 2010-06-25 13:19:10

i can't believe it, i did an alert(chkbx_send_demo.type); and got a 'hidden'... how can document.getElementById("demo") get this element:<input type="hidden" name="demo" value="0"> instead of this one:<input type="checkbox" id="demo" name="demo" value="1" title='' tabindex="107" > ?? (and why does this only happen in IE??) But anyway, thanks, everything's clear now

Francisco Freitas 2010-06-25 13:33:10

So do you say that you had two elements with the same id? then I dont think there is a 'standard' behaviour. Make sure you don't have the same id for different elements on your page.

Nivas 2010-06-28 09:17:15

Answer 3

A:

my JS code is now something like this:

if(navigator.appName == "Microsoft Internet Explorer"){
            alert("IE");
            chkbx_send_demo.onclick = function(){
                alert("HI");
                if(sel_template.selectedIndex <= 0 && chkbx_send_demo.checked == true){
                    alert("Choose a Template");
                    sel_template.selectedIndex = 1;
                }
                if(chkbx_send_demo.checked == false){
                    alert("HI");
                    sel_template.selectedIndex = 0;
                }
                alert("HI");
            }
        }
        else
        {
            chkbx_send_demo.onchange = function(){
                if(sel_template.selectedIndex <= 0 && chkbx_send_demo.checked == true){
                    alert("Choose a Template");
                    sel_template.selectedIndex = 1;
                }
                if(chkbx_send_demo.checked == false){
                    sel_template.selectedIndex = 0;
                }
            }
        }

No javascript errors, but the code just isn't executed on IE and i really can't understand why.

Francisco Freitas 2010-06-25 13:20:03

Can you also post your HTML? How did you get `chkbx_send_demo`?

Marcel Korpel 2010-06-25 23:25:44

ansaurus

tags:

views:

answers:

onchange / onclick in a checkbox doesn't work in IE

related questions