鍍金池/ 問答/HTML/ JS中如何將多個相同name的兩種input的值轉(zhuǎn)換成json格式

JS中如何將多個相同name的兩種input的值轉(zhuǎn)換成json格式

JS中如何將多個相同name的兩種input的值轉(zhuǎn)換成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期望轉(zhuǎn)換成的json格式如下

[
    {
        "name": "名稱",
        "remark": "備注"
    },
    {
        "name": "名稱",
        "remark": "備注"
    },
    {
        "name": "名稱",
        "remark": "備注"
    }
]

求教如何使用JS達到這個效果，因為要用AJAX提交，謝謝各位前端大神

回答
編輯回答
莫小染
    $(function(){
        var array=[];
        var a=$("input[name=parts_name]");
        var b=$("input[name=parts_remark]");
        
    
        for(var i=0;i<a.length;i++){
            var obj={};
            obj.parts_name=a[i].value;
            obj.parts_remark=b[i].value;
            array.push(obj);
        
        }
        console.log(array);
    });
2017年10月19日 02:17
編輯回答
巴扎嘿
   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
                            });
        });
2017年12月6日 12:57
編輯回答
近義詞
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()});
});
2018年3月9日 08:43