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中創建一個函數來檢查該字段。 我也試過了

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