PHP多选框如何按点击顺序保存值而非默认排序值？

浏览器默认会按DOM节点的顺序返回复选框选中值，不会记录点击顺序，要实现你的需求，得用JavaScript跟踪点击顺序，再把顺序传给后端。

修改后的完整代码： #

<form method='post' id='userform' action='test.php'>
  <table>
    <tr>
      <td>
        <input type='checkbox' name='checkbox' value='1'>1
        <input type='checkbox' name='checkbox' value='2'>2
        <input type='checkbox' name='checkbox' value='3'>3<br>
        <input type='checkbox' name='checkbox' value='4'>4
        <input type='checkbox' name='checkbox' value='5'>5
        <input type='checkbox' name='checkbox' value='6'>6<br>
        <input type='checkbox' name='checkbox' value='7'>7
        <input type='checkbox' name='checkbox' value='8'>8
        <input type='checkbox' name='checkbox' value='9'>9<br>
      </td>
    </tr>
  </table>
  <!-- 隐藏输入框，存储点击顺序 -->
  <input type="hidden" name="click_order" id="click_order">
  <input type='submit' class='buttons'>
</form>

<script>
// 维护点击顺序的数组
const clickOrder = [];
// 给所有复选框绑定点击事件
document.querySelectorAll('input[name="checkbox"]').forEach(checkbox => {
  checkbox.addEventListener('click', function() {
    const value = this.value;
    if (this.checked) {
      // 选中时添加到数组末尾
      clickOrder.push(value);
    } else {
      // 取消选中时从数组中移除对应值
      const index = clickOrder.indexOf(value);
      if (index !== -1) {
        clickOrder.splice(index, 1);
      }
    }
    // 更新隐藏输入框的值，用逗号分隔
    document.getElementById('click_order').value = clickOrder.join(',');
  });
});
</script>

<?php 
if (isset($_POST['click_order'])) 
{
    // 将逗号分隔的字符串拆分为数组
    $order = explode(',', $_POST['click_order']);
    print_r($order); 
}
?>

关键说明： #

• 把原来的checkboxvar[]改为普通名称checkbox，避免浏览器自动按DOM顺序提交选中值
• 用JS数组clickOrder跟踪用户操作：选中时追加值，取消选中时移除对应值
• 将数组转为逗号分隔的字符串存入隐藏输入框，后端通过explode()还原为数组
• 提交后后端拿到的就是用户真实的点击顺序，比如你需要的6-9-8-7

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