<td><input type=text name="<?=date('Y')+$i;?>-nbre_1" onkeyup="add()"></td>
<td><input type=text name="<?=date('Y')+$i;?>-nbre_2" onkeyup="add()"></td>

<?php for($i = 0; $i < 3 ; $i++) { ?>
    <tr>
        <td><input type=text value="<?=date('Y')+$i;?>" readonly></td>
        <td><input type=text name="nbre_1" onkeyup="add()"></td>
        <td><input type=text name="nbre_2" onkeyup="add()"></td>
        <td><input type=text name="total" readonly></td>
    </tr>
<?php }?>

<script type="text/javascript">
function purge(nbre)
{
	nbre = nbre.replace(',','.'); // conversion séparateur ',' en '.'
	nbre = nbre.replace(/([^0-9 ^.]|\.{2,5}|\s)/g,''); // recherche et remplacement de caractères non désirés
	return nbre;
}
function add() 
{
	var f = document.forms[0];
	var tot = 0;

	// pour chaque élément du formulaire
	for(var i=0; i<f.length; i++) 
	{
		// si c'est un champ de texte et dont le nom commence par 'ch_'
		if(f[i].type=='text' && f[i].name.indexOf('nbre_')>=0) 
		{

			f[i].value = purge(f[i].value); // correction du contenu du champ

			tot += f[i].value*1; /* ajout de cette valeur à la variable 'tot'. Comme la valeur d'un champ est de type texte on l'a transformée en nombre (en le multipliant par 1) avant de faire l'addition */
		}
	}	

	f['total'].value = tot; // insertion du résultat
}
</script>
<style>
table{
border-collapse: collapse;
}
td , th
{
border: 1px solid  black;
}
</style>

<form>
<table>
	<tr>
		<th>Ann&eacute;e</th>
		<th>Frais indirects</th>
		<th>Frais directs</th>
		<th>Total</th>
	</tr>
	<tr>
		<td><input type=text value="2014" readonly></td>
		<td><input type=text name="nbre_1" onkeyup="add()"></td>
		<td><input type=text name="nbre_2" onkeyup="add()"></td>
		<td><input type=text name="total" readonly></td>
	</tr>
</table>
</form>