ansaurus

Question

How to detect checkbox state in Javascript IE7

Answer 1

+1 A:

Hi there i wanted to help but I was unable to duplicate the problem.. below is the code I tried.

<html> 
<head> 
  <script language="javascript"> 
  function showHideTimeDropdown()   
{    
  if (document.getElementById("input_checkbox").checked == true){ 
    alert("on"); 
  } 
  else{   
    alert("off");   
  }   
} 
window.onload = function () {showHideTimeDropdown();};
  </script> 
</head> 
<body> 


<input id="input_checkbox" type="checkbox" value="true" onchange="showHideTimeDropdown();">
<input type=text>
</body> 
</html>

John Hartsock 2010-05-05 04:29:01

Answer 2

+1 A:

This code works in IE7. Perhaps you can post the code for the checkbox and for whatever event handler calls the "showHideTimeDropdown" function.

<html>
  <head>
    <script>
      function showHideTimeDropdown()  
      {
        if (document.getElementById("input_checkbox").checked)
          alert("on");
        else
          alert("off");
      }
    </script>
  </head>
  <body>
    <input onclick="showHideTimeDropdown();" id="input_checkbox" type="checkbox"/>
  </body>
</html>

Steven Paligo 2010-05-05 04:29:24

Answer 3

+1 A:

Okay, turns out that having both the Name and the ID of the element the same confused the browser. I made the name of the element different than the ID and that solved it.

justinl 2010-05-06 16:47:34

ansaurus

tags:

views:

answers:

How to detect checkbox state in Javascript IE7

related questions