Javascript以数组格式传输checkbox选定内容

问题的开始是，我在前端网页加了个checkbox的列表，然后想把选定的值统一出来向后传输成php里的一个post变量。

solution1：

一开始想的是直接js处理读取checked选项，然后在form列表里新建一个dom节点，把得到的选定的值写进去。js写法大概如下，jq的写法更简单点，回头更：

    var genderValue=0;
    var obj = document.getElementsByTagName("input"); 
    document.getElementById('gender').οnclick=function(){
        for(var i=0; i<obj.length; i ++){
            if(obj[i].checked && genderValue!=obj[i].value){
               genderValue=obj[i].value;
            }
        }
    }

后来发现，往后传的时候，貌似是先submit，然后才执行我写的函数的，即使放到onsubmit里也不对。这个写法没仔细看就看到了下一个解决问题的方法。

soution2：

check列表的name统一改成以下这种php数组格式：

<input type="checkbox" name="checkedarray[]" value="1">1<br/>
<input type="checkbox" name="checkedarray[]" value="2">2<br/>
<input type="checkbox" name="checkedarray[]" value="3">3<br/>

然后，php就可以直接从$_POST['checkedarray']读取到到了传来的数组。

不过这么写坏处是，js无法用getElementByName来找到input标签，只能添加的class或者id来找了。如果在已有的项目里改动，可能需要顺便把css和相关js代码也改了。