如何使用PHP设置页面首次加载时复选框默认选中且保留原有逻辑

原有实现说明 #

原有代码除首次加载复选框默认未勾选不符合需求外，其余运行逻辑完全符合预期：

• 用户勾选复选框后提交，页面输出on
• 用户取消勾选后提交，页面无对应值输出
• 提交操作不会异常改变复选框的选中状态

原有代码如下：

index.php #

<?php
session_start();
$_SESSION['foo'] = $_POST['foo'];
?>
<!doctype html>
<html>
  <body>
  <form method='POST'>
    <input type="checkbox" id="checkFoo" name="foo" <?php echo (isset($_POST['foo']) && $_POST['foo'] === 'on') ? 'checked' : ''; ?>>
    <label for="checkFoo">checkbox</label>
    <button type="submit">Submit</button>
  </form>
  <?php include 'print.php'; ?>
  </body>
</html>

print.php #

<?php
session_start();
echo $_SESSION['foo'].' ';
?>

调整方案 #

核心思路是区分首次页面加载和用户主动提交表单两种场景，不改动原有提交后的状态保持逻辑，仅给首次加载场景设置默认选中状态：

1. 给提交按钮添加name属性，作为判断表单是否提交的标识，解决复选框取消勾选时不会传值、无法区分是否提交的问题
2. 首次加载无提交标识时，默认输出checked属性让复选框处于选中状态
3. 表单提交后，完全按照用户提交的选中状态更新Session和页面展示，保持原有逻辑不变

调整后可运行代码 #

index.php

<?php
session_start();
// 存储表单提交标识
$_SESSION['submit'] = $_POST['submit'] ?? null;
// 未接收到复选框值时（取消勾选场景）默认存空字符串
$_SESSION['foo'] = $_POST['foo'] ?? '';
?>
<!doctype html>
<html>
  <body>
  <form method='POST'>
    <input type="checkbox" id="checkFoo" value="on" name="foo" <?php echo ((!isset($_POST['submit']) && $_SESSION['foo'] != 'off') || ($_SESSION['foo'] === 'on')) ? 'checked' : ''; ?>>
    <label for="checkFoo">checkbox</label>
    <button type="submit" name="submit">Submit</button>
  </form>
  <?php include 'print.php'; ?>
  </body>
</html>

print.php

<?php
// 避免重复调用session_start报错
if(!isset($_SESSION))
    session_start();
// 统一计算复选框状态：首次加载默认选中，提交后按用户选择返回
$foo = ((!isset($_SESSION['submit']) && $_SESSION['foo'] != 'off') || ($_SESSION['foo'] === 'on')) ? true : false;
echo 'foo='.$foo.'<br>';
?>

效果验证 #

调整后所有原有逻辑保持正常，同时满足默认选中需求：

• 首次打开页面：复选框默认处于勾选状态，输出对应选中值
• 勾选复选框提交：复选框保持选中，输出foo=1
• 取消勾选复选框提交：复选框保持未选中，输出foo=
• 多次提交不会出现状态异常跳转的问题

内容的提问来源于stack exchange，提问作者ixitzachitl