php - JavaScript 和 PHP 复选框全选

Question

我在 HTML 文件中使用 JavaScript 选择复选框时遇到问题。我知道如何做到这一点，但在我的表单中，所有复选框都有 name='chk[]':

<form name="forms" action='index.php' method='post'>
    <input type='checkbox' name='chk[]' value='value1'> ANY VALUE 1 </br>
    <input type='checkbox' name='chk[]' value='value2'> ANY VALUE 2 </br>
    <input type='checkbox' name='chk[]' value='value3'> ANY VALUE 3 </br>
    <input type='checkbox' name='chk[]' value='value4'> ANY VALUE 4 </br>
    <input type='submit' name='submit' value='Get Value'>
</form>

在我的 PHP 文件中，我使用选择复选框:

<?php
    $s = "";
    $value = $_POST['chk'];

    $s .= join(", ", $value);

    echo $s;

但是我如何在 JavaScript 中创建一个检查该字段的函数。 我也尝试过this

Answer 1

要动态检查所有复选框，您可以使用以下代码:

var inputs = document.getElementsByTagName("input");
for(var i = 0; i < inputs.length; i++)
    if(inputs[i].type == "checkbox")
        inputs[i].checked = true;

要默认选中复选框，只需将 checked='checked' 添加到标记即可:

<input type='checkbox' name='chk[]' value='value' checked='checked'>