PENJUMLAHAN OTOMATIS PHP+MYSQL

Salam semua, ingin bertanya tentang penjumlahan otomatis menggunakan PHP+MYSQL dan bantuan JavaScript. Tampilan aplikasi seperti pada lampiran gambar. Proses penjumlahan otomatis sudah berhasil. dengan menggunakan source berikut:
 
function sum() {
      var txtFirstNumberValue = document.getElementById('txt1').value;
      var txtSecondNumberValue = document.getElementById('txt2').value;
	  var txtTreeNumberValue = document.getElementById('txt3').value;
      var result = parseInt(txtFirstNumberValue) + parseInt(txtSecondNumberValue) + parseInt(txtTreeNumberValue);
      if (!isNaN(result)) {
         document.getElementById('txt4').value = result;
      }
}
</script>
 
Dan pemanggilan pada inputan text:
 
while($r=mysql_fetch_array($tampil)){
                    echo "<tr>
					<input type='hidden' value='$r[id_pendaftar]' name='id_pendaftar[$no]'>
					<td>$no</td>
                    <td>$r[nm_lengkap]</td>
					<td>$r[nik]</td>
					<td><input type='number' name='att' id='txt1' onkeyup='sum();' value='0'></td>
					<td><input type='number' name='rekam' id='txt2' onkeyup='sum();' value='0'></td>
					<td><input type='number' name='wawasan' id='txt3' onkeyup='sum();' value='0'></td>
					<td><input type='number' name='total' id='txt4' value='0' readonly=''></td>";						
                      $no++;
 }
 
Namun yang jadi masalah nya,, proses penjumlahanya hanya berlaku untuk 1 Baris inputan saja, sedangkan untuk inputan baris kedua dst, tidak berfungsi. Datanya diambil dari Database. 
Mungkin ada yang bisa bantu sebelumnya.
Makasih