Get Values Of Textbox In Listview And Perform Calculations In Javascript?

image of my listview: I want to total every row from my listview tallies total infected people and percentage

CityID | City | Population | Male | Female | Total | Percentage |

Population, male, and female columns are user inputs total column is male+female textbox value per row percentage= (total/population)*100 also per row to calculate total and percentage on every textchange

<asp:ListView ID="ListView1" runat="server">
<LayoutTemplate>
<table style="border: solid 2px #336699;" cellspacing="0" cellpadding="3" rules="all">
<tr style="background-color: #336699; color: White;">
<th>City</th>
<th>Population</th>
<th>Male</th>
<th>Female</th>
<th>Total</th>
<th>%</th>
</tr>
<tbody>
<asp:PlaceHolder ID="itemPlaceHolder" runat="server" />
</tbody>
</table>
</LayoutTemplate>
<ItemTemplate>
<tr>
<td> <asp:Label ID="lblCtyID" runat="server" Text='<%#&nbsp;Bind("CityID")&nbsp;%>' /> </td>
<td> <asp:Label ID="lblCty" runat="server" Text='<%#&nbsp;Bind("CityName")&nbsp;%>'/> </td>
<td><asp:TextBox ID="txtPopu" runat="server"/></td>............................