AJAX多个复选框/多选

AJAX multiple checkboxes / multiselect

本文关键字:多选 复选框 AJAX      更新时间:2023-09-26

好了,大家好!快速问题我有一个表单,有多个具有相同名称的复选框(即-

)
<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中正确使用。

我认为最简单的方法是使用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