javascript - 使用 javascript 或 jQuery 读取 HTML 数组

Question

我在 HTML 中有数组元素

<input type="checkbox" value="Value1" name="model[settings][]">
<input type="checkbox" value="Value2" name="model[settings][]">
<input type="checkbox" value="Value3" name="model[settings][]">

我正在读取所有 HTML 输入，对其进行迭代并在 javascript 中构建哈希。但这将读取数组元素并仅选择最后一个 model[settings][] 元素。

var inputs = jQuery(" :input", "#elementID");

jQuery 或 JavaScript 中有没有一种方法可以在 JavaScript 中读取和构建数组变量，然后将其传递给 Controller ​​？

谢谢

Answer 1

如果我理解正确的话，您正在尝试迭代所有 input 元素以获取它们的值并将其存储为 JS 对象，对吗？如果是这种情况，我会为所有输入添加一个唯一的 ID，然后创建一个具有以下结构的对象 { id : value }:

function getInputObject(sel) {
  sel = $(sel);
  var out = {};
  sel.each(function() {
    out[$(this).attr("id")] = $(this).val();
  });
  return out;
}
$(document).ready(function() {
  console.log( getInputObject("input") );
});

input {
  display: block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input id="input1" value="value input 1" type="text" />
<input id="input2" value="value input 2" type="text" />
<input id="input3" value="value input 3" type="text" />