如何用JS使相同name的几个input获取其值并用最简单的方法变为想要的json格式

Question

举例：

form表单中有如下几个input

<input type="text" name="brand" value="XX品牌">

<input type="text" name="model" value="XX型号">

<input type="text" name="upload_pic" value="111">

<input type="text" name="upload_pic" value="222">

<input type="text" name="upload_pic" value="333">

期望让name相同的几个upload_pic变成如下样子

{

    "brand": "XX品牌",

    "model": "XX型号",

    "upload_pic": [

        "111",

        "222",

        "333"

    ]

}

请问应该怎么做？

Answer 1

建议你加个class<input type="text" class="upload_pic" name="upload_pic" value="333">jsvar upload_pic = new Array();var len = document.querySelectorAll(".upload_pic").length;for(var i = 0;i<len;i++){&nbsp; &nbsp; var v =document.querySelectorAll(".upload_pic")[i].value();&nbsp; &nbsp; upload_pic.push(v);}这样更简单更实用