javascript - 如何获取数据表输入字段复选框选中值

Question

我在数据表中有一个输入字段复选框。如何获取选中复选框的值？

<form method="post"><tr>
<td ></td>
<td ><input type="checkbox" name="multicheck[]" class="multicheck" 
 value='.$value['id'].' /> </td>
</tr>
</form>

我没有复制上面的整个表格。

谢谢。

标签： javascriptphpjquerydatatabledatatables

Answer 1

你可以做一个这样的选择器：

获取所有选中的元素： document.querySelectorAll('input[type="checkbox"]:checked')

比您可以将节点列表转换为数组并映射以仅提取值：

const checkedValues = [
    ...document.querySelectorAll('input[type="checkbox"]:checked')
].map(check => check.value);

例子：

document.querySelector("#btn").addEventListener("click", () => {
  const checkedValues = [
    ...document.querySelectorAll('input[type="checkbox"]:checked')
  ].map(check => check.value);
  console.log("checked values", checkedValues);
});

<input id="xyz" type="checkbox" name="multicheck[]" class="multicheck" value="xyz" />
<label for="xyz">xyz</label>
<input id="abc" type="checkbox" name="multicheck[]" class="multicheck" value="abc" />
<label for="abc">abc</label>
<button id="btn">get checked values</button>

小演示https://codesandbox.io/s/checkbox-demo-oeiu5