求高手1个多选框问题

测试代码如下：<html>
<script  type="text/javascript">
 function aa(bbb)//处理多选题
 {}
</script>
<body>
1<input type="checkbox" name="name1" id="name1" value="1" onclick="aa(name1)" />
2<input type="checkbox" name="name1" id="name1"  value="2"  onclick="aa(name1)"  />
3<input type="checkbox" name="name1" id="name1"  value="3"  onclick="aa(name1)" />
4<input type="checkbox" name="name1" id="name1"   value="4" onclick="aa(name1)"  />
</body>
</html>
如果点击多选框机会弹出name1的所有被选中的值
比如多选框1，就会弹出1
如果多选框2，就会弹出1,2
再次在点多选框1，此时1没被选中，就会弹出2，
意思是，只要多选框name1被选中状态，点击就会弹出来求高手！！！！！

解决方案 »

  1.   


    function aa(bbb)//处理多选题
    {
      var x = document.getElementById('name1');
      for(var i = 0 ; i < x.length ; i++){
        if(x[i].checked){
          alert(x[i].value);
        }
      }
    }
      

  2.   

    <html>
    <script  type="text/javascript">
     function aa(name1)//处理多选题
     {
    var dd=document.getElementsByName(name1);
     var temp="";
     var str="";
     for(var i=0;i<dd.length;i++)
     {
     if(dd.item(i).checked)
     {
             temp=dd.item(i).value;
     str=str+','+temp;
        }
     }
    alert(str);
    }
    </script>
    <body>
    1<input type="checkbox" name="name1" id="name1" value="1" onclick="aa('name1')" />
    2<input type="checkbox" name="name1" id="name1"  id="" value="2"  onclick="aa('name1')"  />
    3<input type="checkbox" name="name1" id="name1"  id="" value="3"  onclick="aa('name1')" />
    4<input type="checkbox" name="name1" id="name1"   value="4" onclick="aa('name1')"  />
    </body>
    </html>
      

  3.   


    function aa(bbb)//处理多选题
    {
      var x = document.getElementsByName('name1');
      for(var i = 0 ; i < x.length ; i++){
        if(x[i].checked){
          alert(x[i].value);
        }
      }
    }
      

  4.   

    <html>
    <script  type="text/javascript">
        function aa()//处理多选题
        {
            var arrChkbox = document.getElementsByTagName("input");
            for (var i = 0; i < arrChkbox.length; i++) {
                if(arrChkbox[i].getAttribute("checked")) {
                    alert(arrChkbox[i].value);
                }
            }       
            
        }
    </script>
    <body>
    1<input type="checkbox" name="name1" id="name1" value="1" checked="checked" onclick="aa()" />
    2<input type="checkbox" name="name1" id="name1"  value="2"  onclick="aa()"  />
    3<input type="checkbox" name="name1" id="name1"  value="3"  onclick="aa()" />
    4<input type="checkbox" name="name1" id="name1"   value="4" onclick="aa()"  />
    </body>
    </html>