JS выводит все проверенные значения полей ввода перед формой submit

Question

У меня есть форма заказа с несколькими полями ввода флажков. Я хочу показать пользователю выбор, сделанный перед отправкой формы. Сценарий js, показанный ниже, работает по назначению, если пользователь проверяет флажок, значение этого поля показано в абзаце. Проблема в том, что каждый дополнительный флажок check переопределяет предыдущий показанный результат.

Как изменить скрипт для вывода всех отмеченных флажков?

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