为什么Javascript函数在php循环中只执行一次 - why Javascript function executes only once inside a php loop?

why Javascript function executes only once inside a php loop?

我有HideCheckbox（）函数要在php循环中执行。

要点是在每次加载div时隐藏复选框。

但是，复选框将仅在第一个分区中隐藏。

这是代码：

<script type="text/javascript">
function HideCheckbox() {
            document.getElementById("deleteCarCheckbox").style.display = "none";
        }
</script>
<?php
        $username = $_SESSION['username'];
            try{
                $link = mysqli_connect("localhost","root","","db");
                $sql = mysqli_query($link,"a sql query");
                while ($donnees = mysqli_fetch_array($sql)){
?>
<div class="block-car">
<input type="checkbox" id="deleteCarCheckbox" name="deleteCar" style="float:right">
</div>
<script type="text/javascript">
        HideCheckbox();
        </script>

<?php
         }
        catch(Exception $e){die('Erreur : '.$e->getMessage());}
       }
?>

id字段的值必须是唯一的，下面的代码应该可以做到：

<script type="text/javascript">
function HideCheckbox(i) {
    document.getElementById("deleteCarCheckbox" + i).style.display = "none";
}
</script>
<?php
$username = $_SESSION['username'];
try{
    $link = mysqli_connect("localhost","root","","db");
    $sql = mysqli_query($link,"a sql query");
    $i = 1;
    while ($donnees = mysqli_fetch_array($sql)){
        ?>
        <div class="block-car">
        <input type="checkbox" id="deleteCarCheckbox<?php echo $i; ?>" name="deleteCar" style="float:right">
        <script type="text/javascript">
            HideCheckbox(<?php echo $i; ?>);
        </script>

        <?php
        $i++;
    }
    catch(Exception $e){die('Erreur : '.$e->getMessage());}
}
?>

这是因为所有checkbox元素都具有相同的id，并且javascript代码只设置第一次出现的display，并且由于所有checkboxes具有相同的id，因此它只会隐藏第一个checkbox。相反，让每个checkbox都有一个唯一的id。

HideCheckbox()运行多次，问题是始终隐藏deleteCarCheckbox要确认循环是否真的在工作，请尝试将事情记录到控制台上，您将看到它何时被调用。

function HideCheckbox() {
    document.getElementById("deleteCarCheckbox").style.display = "none";
    console.log('HideCheckbox was called');
}

此外，id属性必须始终是唯一的。请参阅此处：ID在整个页面中必须是唯一的吗？