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

Question

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

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

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

谢谢。

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

Answer 2

希望这可行

const values = [];
const inputs = document.querySelectorAll('input.multicheck');

for(let i=0; i<inputs.length; i++){
   if( inputs[i].checked ){
      values.push( inputs[i].value );
    }
}

console.log(values)

那么变量值将具有选中复选框的值