JS中如何将多个相同name的两种input的值转换成json格式

Question

JS中如何将多个相同name的两种input的值转换成json格式input元素如下<input type="text" name="parts_name" placeholder="名称"><input type="text" name="parts_remark" placeholder="备注"><input type="text" name="parts_name" placeholder="名称"><input type="text" name="parts_remark" placeholder="备注"><input type="text" name="parts_name" placeholder="名称"><input type="text" name="parts_remark" placeholder="备注">使用JS期望转换成的json格式如下[    {        "name": "名称",        "remark": "备注"    },    {        "name": "名称",        "remark": "备注"    },    {        "name": "名称",        "remark": "备注"    }]求教如何使用JS达到这个效果，因为要用AJAX提交，谢谢各位前端大神

Answer 1

var arr = [];

$("input[name='parts_name']").each(function(i){

    var remark = $("input[name='parts_remark']").eq(i);

    arr.push({"name": $(this).val(), "remark": remark.val()});

});

Answer 2

   var inputname = document.querySelectorAll("input[name='parts_name']");

        var inputremark = document.querySelectorAll("input[name='parts_remark']");

        var arr = [];

        inputname.forEach(function(el,i){

            var name = el.value;

            var remark = inputremark[i].value;

                         arr.push({

                             "name":name,

                             "remark":remark

                            });

        });