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

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 = [&nbsp; &nbsp; ...document.querySelectorAll('input[type="checkbox"]:checked')].map(check => check.value);例子：document.querySelector("#btn").addEventListener("click", () => {&nbsp; const checkedValues = [&nbsp; &nbsp; ...document.querySelectorAll('input[type="checkbox"]:checked')&nbsp; ].map(check => check.value);&nbsp; 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++){&nbsp; &nbsp;if( inputs[i].checked ){&nbsp; &nbsp; &nbsp; values.push( inputs[i].value );&nbsp; &nbsp; }}console.log(values)然后变量值将具有选中复选框的值