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

我有一个带有几个复选框输入字段的订单。我想向用户显示提交表单之前所做的选择。如果用户选中一个框，下面显示的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>

功能切换复选框（元素）{
如果（元素已选中）{
document.getElementById（“test”）.innerHTML=element.value；
}
else document.getElementById（“test”）.innerHTML=“”；
} 

HTML字段：

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

+=非=

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

---

可能的重复：这就成功了。不过，你知道如何更改else部分以仅删除未选中的项吗？一流！非常感谢您的快速回复：D