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

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)

然后变量值将具有选中复选框的值