javascript - 如何按顺序从动态生成的表单中获取所有选中的复选框

Question

我编写了一个代码，它检索表单中元素的所有值，它与单选按钮、文本框、下拉列表、文本区域一起使用。但现在我想添加复选框，问题是复选框我们可以为特定名称设置多个值，所以需要按顺序获取复选框值，因为它们出现在表单中

这是获取值的代码：

var elements="";
                var $this = jQuery(this);
                $this.parents(".detailTable").find(":input").each(function(index, elm){
                if((jQuery(this).attr("type")=="button") ||(jQuery(this).attr("type")=="hidden"))
                {
                }else if((jQuery(this).attr("type")=="radio")){
                    if(jQuery(this).attr("checked")){
                    elements=elements + (jQuery(this).val());
                    elements=elements + "|";
            //      alert(jQuery(this).val())
                    }
                }else if((jQuery(this).attr("type")=="checkbox")){
                    if(jQuery(this).attr("checked")){
                    elements=elements + (jQuery(this).val());
                    elements=elements + "|";
                }
                }
                else{
                    elements=elements + (jQuery(this).val());
                    elements=elements + "|";
                //  alert(jQuery(this).val());
                }
                });

我想要一个复选框组的所有值以逗号分隔（表单可以有多个复选框），而元素之间的值是'|' 分开。

你能帮我解决这个问题吗

Answer 1

尝试使用该.map()方法..

var checkedBoxes= $('input[type=checkbox]:checked').map(function() {
                     return this.value ;
                  }).get().join('|');