Hi the for that you needs to update your jQuery as well as class name for the text boxes. Dont worry. I have changed the entire code as your wish just replace the jQuery code by jQuery and Panel by Panel.
<script type="text/javascript">
$(".Max, .Obtain, .Remark").live("keyup", function () {
var a = 0.00;
var className = $(this).attr('class');
$("." + className).each(function () {
var val = parseFloat($(this).val());
if (!isNaN(val)) {
a += val
}
});
$(".Total" + className).val(a.toFixed(2));
});
</script>
<asp:Panel ID="Panel2" runat="server" Height="387px" Width="83%">
<table style="width:108%; height: 390px;">
<tr>
<td>
<asp:Panel ID="Panel1" runat="server" Width="718px">
<table style="width:100%;">
<tr>
<td>
<table style="width: 82%;">
<tr>
<td class="style1">
Application No</td>
<td class="style4">
<asp:TextBox ID="TextBox80" runat="server"></asp:TextBox>
</td>
<td class="style12">
Applicant Name</td>
<td>
<asp:TextBox ID="TextBox81" runat="server"></asp:TextBox>
</td>
</tr>
</table>
</td>
</tr>
</table>
</asp:Panel>
</td>
</tr>
<tr>
<td>
<span class="style10"><b>Score Card For Human Resource</b></span><br />
<table style="width:83%; height: 337px;">
<tr>
<td colspan="5">
</td>
</tr>
<tr>
<td colspan="5" class="style21">
1<b>.</b><span class="style3">Basic Points</span></td>
</tr>
<tr>
<td class="style9">
</td>
<td class="style5">
</td>
<td class="style6">
</td>
<td class="style7">
</td>
<td>
</td>
</tr>
<tr>
<td class="style9">
S.R.</td>
<td class="style5">
Areas</td>
<td class="style6">
Max
</td>
<td class="style7">
Obtain</td>
<td>
Remark</td>
</tr>
<tr>
<td class="style9">
a)</td>
<td class="style5">
<asp:TextBox ID="TextBox4" runat="server">Qualification</asp:TextBox>
</td>
<td class="style6">
<asp:TextBox ID="TextBox3" runat="server" CssClass="Max"></asp:TextBox>
</td>
<td class="style7">
<asp:TextBox ID="TextBox2" runat="server" CssClass="Obtain"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="TextBox1" runat="server" CssClass="Remark"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style9">
b)</td>
<td class="style5">
<asp:TextBox ID="TextBox29" runat="server" CssClass="Individual">Experience</asp:TextBox>
</td>
<td class="style6">
<asp:TextBox ID="TextBox21" runat="server" CssClass="Max"></asp:TextBox>
</td>
<td class="style7">
<asp:TextBox ID="TextBox13" runat="server" CssClass="Obtain"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="TextBox5" runat="server" CssClass="Remark"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style9">
c)</td>
<td class="style5">
<asp:TextBox ID="TextBox30" runat="server">Self Confidence</asp:TextBox>
</td>
<td class="style6">
<asp:TextBox ID="TextBox22" runat="server" CssClass="Max"></asp:TextBox>
</td>
<td class="style7">
<asp:TextBox ID="TextBox14" runat="server" CssClass="Obtain"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="TextBox6" runat="server" CssClass="Remark"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style9">
d)</td>
<td class="style5">
<asp:TextBox ID="TextBox31" runat="server">Motivation Power</asp:TextBox>
</td>
<td class="style6">
<asp:TextBox ID="TextBox23" runat="server" CssClass="Max"></asp:TextBox>
</td>
<td class="style7">
<asp:TextBox ID="TextBox15" runat="server" CssClass="Obtain"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="TextBox7" runat="server" CssClass="Remark"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style9">
e)</td>
<td class="style5">
<asp:TextBox ID="TextBox32" runat="server">Convincing Power</asp:TextBox>
</td>
<td class="style6">
<asp:TextBox ID="TextBox24" runat="server" CssClass="Max"></asp:TextBox>
</td>
<td class="style7">
<asp:TextBox ID="TextBox16" runat="server" CssClass="Obtain"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="TextBox8" runat="server" CssClass="Remark"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style9">
f)</td>
<td class="style5">
<asp:TextBox ID="TextBox33" runat="server">Computer Knowledge</asp:TextBox>
</td>
<td class="style6">
<asp:TextBox ID="TextBox25" runat="server" CssClass="Max"></asp:TextBox>
</td>
<td class="style7">
<asp:TextBox ID="TextBox17" runat="server" CssClass="Obtain"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="TextBox9" runat="server" CssClass="Remark"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style9">
g)</td>
<td class="style5">
<asp:TextBox ID="TextBox34" runat="server">Design Power</asp:TextBox>
</td>
<td class="style6">
<asp:TextBox ID="TextBox26" runat="server" CssClass="Max"></asp:TextBox>
</td>
<td class="style7">
<asp:TextBox ID="TextBox18" runat="server" CssClass="Obtain"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="TextBox10" runat="server" CssClass="Remark"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style9">
h)</td>
<td class="style5">
<asp:TextBox ID="TextBox35" runat="server">Residental</asp:TextBox>
</td>
<td class="style6">
<asp:TextBox ID="TextBox27" runat="server" CssClass="Max"></asp:TextBox>
</td>
<td class="style7">
<asp:TextBox ID="TextBox19" runat="server" CssClass="Obtain"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="TextBox11" runat="server" CssClass="Remark"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style8">
</td>
<td class="style5">
<asp:LinkButton ID="LinkButton3" runat="server" ForeColor="#0066FF">Calculate</asp:LinkButton>
</td>
<td class="style6">
<asp:TextBox ID="TextBox28" runat="server" CssClass="TotalMax" ReadOnly="true"></asp:TextBox>
</td>
<td class="style7">
<asp:TextBox ID="TextBox20" runat="server" CssClass="TotalObtain" ReadOnly="true"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="TextBox12" runat="server" CssClass="TotalRemark" ReadOnly="true"></asp:TextBox>
</td>
</tr>
</table>
<br />
<br />
<br />
</td>
</tr>
</table>
</asp:Panel>
It is the updated JQuery..., and Panel Please Quickly apply this changes and if its workd please mark this reply as answer and Start a new thread.