ユーザーが直接または選択メニューからいくつかの値を入力できるHTMLテーブルがあります。
<form action="" method="">
<table id="scores" width="358" border="1">
<tr>
<th colspan="5">Activities</th>
</tr>
<tr class="header">
<td width="104">Activity</td>
<td width="163">Rating</td>
<td width="69">Hours Per Week</td>
<td width="163">Weeks Per Year</td>
<td width="163">Average Hours Per Week</td>
</tr>
<tr>
<td class="title"><input type="text" value=""/></td>
<td><select name="rating">
<option value=""></option>
<option value="High">High</option>
<option value="Moderate">Moderate</option>
</select></td>
<td class="title"><input type="text" value=""/></td>
<td class="title"><input type="text" value=""/></td>
<td> </td>
</tr>
<tr>
<td class="title"><input type="text" value=""/></td>
<td><select name="rating">
<option value=""></option>
<option value="High">High</option>
<option value="Moderate">Moderate</option>
</select></td>
<td class="title"><input type="text" value=""/></td>
<td class="title"><input type="text" value=""/></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td class="title">Total High</td>
<td class="title" id="totalHigh"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td class="title">Total Moderate</td>
<td class="title" id="totalModerate"></td>
</tr>
<tr>
<td colspan="5"><button class="copy" value="Set Value">Submit</button></td>
</tr>
</table>
次のようにいくつかの計算を実行する必要があります。
各行について、「1週間あたりの平均時間」を計算する必要があります。これは単純に(1週間あたりの時間* 1年あたりの週)/52です。
各行について、ユーザーは評価に「高」または「中」のいずれかを選択できます。次に、Rating = "High"のすべての行と、Rating = "Moderate"のすべての行について、「1週間あたりの平均時間」の合計を計算する必要があります。
私は今日の大部分を、私が初心者であるjQueryを使用して何かを機能させるために、最後に残った髪の毛を抜くのに費やしました。私は次の場所でjsfiddleをセットアップしました:
これには、テーブルの簡略化されたバージョンがあります。ユーザーが入力するときにこれらの2つの計算を動的に実行する方法についての助けをいただければ幸いです。
どうもありがとう、スティーブ