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

时间:2012-10-25 00:25:26

标签: javascript jquery html forms

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

以下是获取值的代码:

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

我希望复选框组的所有值都以逗号分隔(表单可以有多个复选框),而在元素之间值为“|” seprated。

你能帮助我吗

1 个答案:

答案 0 :(得分:0)

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

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