获取复选框中所有选中项的值

时间:2018-07-19 05:48:38

标签: reactjs react-native

让我们假设我有三个复选框,每个复选框都有某些要检查的项目,例如项目1,项目2,项目3,其值为'a','b','c'。因此,如果单击item1 ,item2并标记它们,我们得到一个数组a和b。现在,如果我们单击item3,我们将得到c。再次,如果我们现在转到另一个复选框,然后单击另一个复选框中的另一个项目,我们将得到另一个数组保留我们在第二个复选框中标记的项目的值。 我需要将所有标记的项目存储在一个数组中并显示它。问题是要获取所有不同复选框的所有已勾选项目。

1 个答案:

答案 0 :(得分:0)

以下内容可能会为您设定正确的方向吗?

var checkboxValues = [];
var checkboxes = document.querySelectorAll('input[type="checkbox"]');
for (var i = 0; i < checkboxes.length; i++) {
	if (checkboxes[i].checked) {
		checkboxValues.push(checkboxes[i].value);
	}
}
console.log('checkboxValues', checkboxValues);