火狐和IE8下获取checkbox的HTML问题


<html>
<head><title></title>
<script type="text/javascript">
    function a() {
        alert(document.getElementById("a").innerHTML);
        return false;
    }
</script>
</head>
<body>
 <div id="a">
  <input id="Checkbox1" type="checkbox" />
</div>
    <input id="Button1" type="button" onclick="a();" value="button" />
</body>
</html>
当选择中checkbox，在IE6和IE7下弹出的html为"<INPUT id=Checkbox1 type=checkbox CHECKED>"能保存checkbox为选中状态,而在IE8和火狐下却为"<input id="Checkbox1" type="checkbox" />",保存不了选中状态,请问要怎么修改?

解决方案 »

  1.   

    document.getElementById("Checkbox1").selected = "true"
      

  2.   

    获取checked状态最好操作DOM对象获取，直接使用innerHTML不准确，和浏览器有关。。
      

  3.   

    <html>
    <head><title></title>
    <script type="text/javascript">
        function a() {
            document.getElementById("b").innerHTML = document.getElementById("b").innerHTML+document.getElementById("a").innerHTML;
            return false;
        }
    </script>
    </head>
    <body>
     <div id="a">
     
      <input id="Checkbox1" type="checkbox" />
    </div>
    <div>------------------------------------------------</div>
    <div id="b"></div>
        <input id="Button1" type="button" onclick="a();" value="button" />
    </body>
    </html>
    我是要实现这样的效果,我这里也只是做了个简单的例子,事实上并不是这么简单的.所以不能用简单的操作DOM对象获取来实现.