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

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('|');