marks calculation
by Akram kamal
HTML
<form>
<table border="1">
<thead></thead>
<tr>
<th>Subjects</th>
<th>Total Marks</th>
<th>Obtained Marks</th>
<th>P / F / A</th>
</tr>
<tbody>
<tr>
<td>Islamiyat</td>
<td>
<input type="text" class="t_marks2" />
</td>
<td>
<input type="text" class="o_marks2" />
</td>
<td>
<input type="text" />
</td>
</tr>
<tr>
<td>Urdu</td>
<td>
<input type="text" class="t_marks3" />
</td>
<td>
<input type="text" class="o_marks3" />
</td>
<td>
<input type="text" />
</td>
</tr>
<tr>
<td>Urdu A</td>
<td>
<input type="text" class="t_marks4" />
</td>
<td>
<input type="text" class="o_marks4" />
</td>
<td>
<input type="text" />
</td>
</tr>
<tr>
<td>Urdu B</td>
<td>
<input type="text" class="t_marks5" />
</td>
<td>
<input type="text" class="o_marks5" />
</td>
<td>
<input type="text" />
</td>
</tr>
<tr>
<td>English</td>
<td>
<input type="text" class="t_marks6" />
</td>
<td>
<input type="text" class="o_marks6" />
</td>
<td>
<input type="text" />
</td>
...
JavaScript
// http://forum.jquery.com/topic/marks-calculation#14737000006549705
$(document).on('keyup', 'tbody input', function () {
var table = $(this).closest("table")
var subTotalMarks = 0
$(this).closest('tbody').find('tr').each(function () {
var row = $(this)
var inputs = row.find("input")
var totalMarks = +inputs.eq(0).val()||0
subTotalMarks+=totalMarks
console.log(row, inputs, totalMarks)
});
table.find("tfoot .total").val(subTotalMarks)
});