Salve a tutti, sto programmando, mi sto esercitando AJAX e ho un piccola difficoltà, riguarda il multicheckbox, in senso che che puntassi 6 checkbox deve apparire sul DIV i valori selezionati, esempio:
1
2
3
4
5
6

se puntassi la 1 2 6, sul div deve apparire
Selezionati: 1 - 2 - 6

Ecco il codice, dimmi cosa ho sbagliato?

<script>

function visualizza()
{

var id = document.getElementsByName('id[]');

var risposta = document.getElementById('risposta');

for(i = 0; i < id.length; i++)
{

var prova = id[i].value;

}

risposta.innerHTML = "Selezionati: "+ prova;

}

</script>

<form>
<input type="checkbox" name="id[]" id="id[]" value="1" onclick="visualizza();">
<input type="checkbox" name="id[]" id="id[]" value="2" onclick="visualizza();">
<input type="checkbox" name="id[]" id="id[]" value="3" onclick="visualizza();">
<input type="checkbox" name="id[]" id="id[]" value="4" onclick="visualizza();">
<input type="checkbox" name="id[]" id="id[]" value="5" onclick="visualizza();">
<input type="checkbox" name="id[]" id="id[]" value="6" onclick="visualizza();">

<div id="risposta" name="risposta"></div>

</form>