javascript - 表单提交后选中的复选框保持选中/未选中状态

Question

我有这个简单的复选框。

我的问题是，如果我选择了任何一个复选框，它应该在表单提交后保持选中状态。

<input type="checkbox" name="services" value="make-up"> Make-up <br>
<input type="checkbox" name="services" value="massage"> massage <br>
<input type="checkbox" name="services" value="haircut"> Haircut <br>

我从单选按钮尝试了这段代码，希望能奏效，但我失败了。

<?php if (isset($services) && $services=="make-up") echo "checked";?>

我了解到它可以使用 localstorage.. 但是我看到的所有示例都非常复杂。

有没有简单的方法可以解决这个问题？

谢谢。

Answer 1

因为你想使用一个复选框，你可能想排列输入名称:

<input type="checkbox" name="services[]" value="make-up"> Make-up <br>
<input type="checkbox" name="services[]" value="massage"> massage <br>
<input type="checkbox" name="services[]" value="haircut"> Haircut <br>

结合如下函数:

<?php 
function isChecked($value)
    {
        return (!empty($_REQUEST['services']) && in_array($value,$_REQUEST['services']));
    }

以这样的方式结束:

<input type="checkbox" name="services[]" value="make-up"<?php if(isChecked('make-up')) echo ' checked' ?>> Make-up <br>
<input type="checkbox" name="services[]" value="massage"<?php if(isChecked('massage')) echo ' checked' ?>> massage <br>
<input type="checkbox" name="services[]" value="haircut"<?php if(isChecked('haircut')) echo ' checked' ?>> Haircut <br>