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, ""); 
    }