AJAX多个复选框/多选

时间:2011-12-01 03:48:57

标签: javascript ajax

好吧,好吧,好吧,先关闭;快速问题我有一个具有多个具有相同名称的复选框的表单(即 -

<input type="checkbox" name="myname[]" value="1" />
<input type="checkbox" name="myname[]" value="1" />
<input type="checkbox" name="myname[]" value="2" />
<input type="checkbox" name="myname[]" value="3" />
<input type="checkbox" name="myname[]" value="4" />

我没有使用JQuery,因为我不需要那么多的包袱,它是一个非常简单的脚本,可以完成锡上所说的内容,只需序列化一个表单以便在ajax post请求中使用。我想知道如何序列化上面的多个复选框,以便在php中正确使用。

1 个答案:

答案 0 :(得分:2)

我认为最简单的方法是使用document.getElementsByName获取所有复选框并循环以获取已检查的内容。

var checkedValues = [];
var allCheckboxes = document.getElementsByName("myname[]");
for(var i = 0; i < allCheckboxes.length; i++){
    if (allCheckboxes[i].checked)
       checkedValues.push(allCheckboxes[i].value);
}

我假设PHP可以将逗号分隔的值列表视为数组:

checkedValues.join();   //tested and produces ---> 0,3,4