在表单提交或第一次加载之前预选复选框？

Question

在一个特定的表单中，我有一个带有 5 个复选框的 div，我喜欢在第一次加载时（或当表单尚未提交时）预选所有 5 个。

我认为这没问题，但是当我取消选中 2 个框并提交重新加载同一页面的表单时，再次选中了所有 5 个框。 而不仅仅是选定的。 我正在使用一个简单的 PHP 三元来检查选择了哪个 div-view 框，如果我删除以下 .js，这将起作用

    $(document).ready(function () {
    //Preselect All Div Views
     $("#div-views input:checkbox").prop("checked", true);

    ...
    });

我想我只需要触发 .js 一次。 我在大部分 javascript 处理中使用 jquery。

Answer 1

如果您的表单尚未提交，只需删除您的 javascript 代码。

php

<?php
// If the button is in the $_POST var (or $_GET), the form has already been sent.
if (!isset($_POST['MyButtonName'])) {
?>     
    $(document).ready(function () {
    //Preselect All Div Views
    $("#div-views input:checkbox").prop("checked", true);
<?php } ?>