JS在表单提交之前输出所有选中的输入字段值

Question

我有一个带有几个复选框输入字段的订单。 我想向用户显示在提交表单之前所做的选择。 如果用户选中一个框，那么下面显示的js脚本将按预期工作，该框的值显示在段落中。 问题在于，每个其他选中的复选框都会覆盖先前显示的结果。

如何更改脚本以输出所有选中的复选框？

这是PHP形式：

<input type="checkbox" onchange="toggleCheckbox(this)" value="1" name="1">
<input type="checkbox" onchange="toggleCheckbox(this)" value="2" name="2">
<input type="checkbox" onchange="toggleCheckbox(this)" value="3" name="3">
<input type="checkbox" onchange="toggleCheckbox(this)" value="4" name="4">
<input type="checkbox" onchange="toggleCheckbox(this)" value="5" name="5">
<input type="checkbox" onchange="toggleCheckbox(this)" value="6" name="6">
<input type="checkbox" onchange="toggleCheckbox(this)" value="7" name="7">

我使用的JavaScript：

<script type="text/javascript"> 
    function toggleCheckbox(element){
        if (element.checked){
        document.getElementById("test").innerHTML = element.value;
        }
        else document.getElementById("test").innerHTML = "";
} 
</script>

HTML字段：

<p id="test"></p>

Answer 1

+ =不是=

    function toggleCheckbox(element){
       if (element.checked)
         document.getElementById("test").innerHTML += " " + element.value;
       else 
         document.getElementById("test").innerHTML = 
            document.getElementById("test").innerHTML.replace(element.value, "");
    }