怎样获取选中的checkbox的所有value

 <td  colspan="6" id="cbSize">
<input id="1" type="checkbox" name="a1"  value="1"/>红色
<input id="2" type="checkbox" name="a2"  value="2"/>黑色
<input id="3" type="checkbox" name="a3"  value="3"/>蓝色
<input id="4" type="checkbox" name="a4"  value="4"/>白色
 </td>怎样获取选中的checkbox的所有value假如我选了红色  白色就返回 1,4

解决方案 »

  1.   

    for循环
    判断checked属性是否为true,输出即可
      

  2.   

               var input = document.getElementsByTagName("input");
               var array=new Array();
               for(var i = 0; i < input.length; i ++)
               {
                   if(input[i].type == "checkbox" && input[i].name.indexOf("a") != -1)
                    {
                      if (input[i].checked)
                      {
                             //这个地方是获取你选定了的的checkbox的Value
                               array.push(input[i].value);                  
                      }
                    }
               }
        
      

  3.   


    var s = document.getElementsByTagName("input");
    var s2 = "";for( var i = 0; i < s.length; i++ ){ 
       if(s[i].type=="checkbox"){
             if ( s[i].checked ){
                s2 += s[i].value+',';
           }
       }
    }
    alert(s2.substring(0,s2.length-1));//去掉末尾的，号
      

  4.   

    // 找ID为cbSize的元素下的input标签
    var s = document.getElementById("cbSize").getElementsByTagName("input");
    var s2 = "";for( var i = 0; i < s.length; i++ ){ 
       if(s[i].type=="checkbox"){
             if ( s[i].checked ){
                s2 += s[i].value+',';
           }
       }
    }
    alert(s2.substring(0,s2.length-1));//去掉末尾的，号
      

  5.   

    老衲来晚了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
    $(function(){
    $('button').click(function(){
    var tmpv="" ;
    $('input:checked').each(function(index,obj){
    tmpv+=","+$(obj).val()
    })
    alert(tmpv.substring(1,tmpv.length))
    })
    })
    </script>
    </head>
    <body>
    <input id="1" type="checkbox" name="a1" value="1"/>红色
    <input id="2" type="checkbox" name="a2" value="2"/>黑色
    <input id="3" type="checkbox" name="a3" value="3"/>蓝色
    <input id="4" type="checkbox" name="a4" value="4"/>白色
    <button>result</button>
    </body>
    </html>
      

  6.   

     var comps = document.getElementById('cbSize').getElementsByTagName('input');
     var arr = [];
     for(var i=0,len=comps.length;i<len;i++){
      var comp = comps[i];
      if(comp.type == "checkbox" && comp.checked){
      arr.push(comp.value)
      }
     
     }
     alert(arr)
      

  7.   

    楼主的这些多选项的name设置错了，应该使用同一个名称。
    如果是JS获取，上面已经说了。
    如果是后台获取，通过同一个名称就可以得到“1，4”这样的值列表，而楼主现在的样子，则把问题复杂化了。