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文件中，我使用select复选框：

<?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'>

JavaScript＆amp; PHP复选框全选

1 个答案: