在一个复选框中存储值数组?

时间:2018-04-29 01:12:19

标签: html

是否可以在一个复选框中存储多个值?

例如:

<input type="checkbox" value="[0,2]">
<input type="checkbox" value="[3,6]">
<input type="checkbox" value="[7,10]">

...

1 个答案:

答案 0 :(得分:0)

没有任何示例代码,我不知道你的endstate需要什么。下面是一个示例,每次检查或取消选中一个框时都会更新数组,并将生成的数组记录到控制台。 N.B ...

  • 这使用jQuery来监听更改
  • 将每个数组分解为其组成元素,然后存储在一个平面数组中,而不是存储为数组数组
  • 没有数组元素的排序
  • 元素存储为文本而不是数字

根据您的需要,这可能对您有用,也可能无关紧要。

&#13;
&#13;
var arr = [];
$('#check input').change(function() {
  var temp = (this.value).split(",");
  if (arr.indexOf(temp[0]) == -1) {
	arr.push(temp[0],temp[1]);
  } else {
	var pos = arr.indexOf(temp[0]);
	arr.splice(pos, 2);
  }
  console.log(arr);
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="check">
<input type="checkbox" value="0,2">[0,2]<br />
<input type="checkbox" value="3,6">[3,6]<br />
<input type="checkbox" value="7,10">[7,10]
</div>
&#13;
&#13;
&#13;