avevo inteso male io allora...ho fatto un paio di modifiche, ecco la nuov aparte js:
codice:
window.onload = function(){
		document.getElementById('bottone_riepilogo').onclick = function(){ return riepilogo(this.parentNode);}
		document.getElementById('indietro').onclick = function(){ return hideShow(true);}
		document.getElementById('avanti').onclick = function(){ return invia();}
		}
function riepilogo(f){
	document.getElementById('riepilogo_nome').innerHTML=f.Nome.value;
	document.getElementById('riepilogo_email').innerHTML=f.Email.value;
	ch_str='';
	ch_str=(f.chb1.checked)?f.chb1.value+' ':'';
	document.getElementById('riepilogo_checkbox').innerHTML=ch_str;
	hideShow(false);
	return false;}
	
function invia(f){document.getElementById('form_invio').submit(); return false;}
function hideShow(b){
	document.getElementById('form_invio').style.display=(b)?'block':'none';
	document.getElementById('riepilogo').style.display=(!b)?'block':'none';
	return false;}
e la parte html:
codice:
<form action="mailto:tuamail@tuodominio.com?subject=Oggetto della mail" method="post" enctype="text/plain" id="form_invio">
Nome:<input type="text" name="Nome" />

Email:<input type="text" name="Email" />

ChechBox: 
 
<input type="checkbox" value="ValoreCheckbox1" name="chb1" /> Valore Checkbox 1

<button type="submit" id="bottone_riepilogo">Invia</button>
</form>
<div style="display:none" id="riepilogo">
   

Nome: <span id="riepilogo_nome"></span></p>
   

Email: <span id="riepilogo_email"></span></p>
   

Chechbox: <span id="riepilogo_checkbox"></span>


   <button type="button" id="indietro">Indietro</button> <button type="button" id="avanti">Invia</button>
</div>
come prima è solo una cosa generica che poi devi personalizzare con i tuoi campi...