2013-05-01 52 views
-1

我想,當用戶點擊計算按鈕平均旁邊的標籤,以獲得<td>值的平均值和最大值,最大如何使用jquery計算所有表格單元格中的值的平均值?

<html> 
<table id="table" style="height:350px;margin-left:1em;width:700px;"> 
    <!--this is my table header--> 
    <tr style="display:table-row"> 
     <th class="checkbox"><input type="checkbox"/></th> 
     <th class="Name">NAME</th> 
     <th class="Score">SCORE</th> 
     <th class="Email">EMAIL</th> 
     <th class="Empty"></th> 
    </tr> 
    <tr> 
     <!--tabledata--> 
     <td ><input type="checkbox" /></td> 
     <td >Vijay Prakash</td> 
     <td >34</td> 
     <td >[email protected]</td> 
     <td ></td> 
    </tr> 
    <tr> 
     //table data 
     <td ><input type="checkbox" /></td> 
     <td >Sashi Pagadala</td> 
     <td >21</td> 
     <td >[email protected]</td> 
     <td ></td> 
    </tr> 
</table> 
<input type="button" id="btnCalculate" value="Calculate"/> 
<label>Average:</label> 
<label id="lblAverage"></label> 
<label>Max:</label> 
<label id="lblMax"></label> 
</form> 
</html> 
+3

您是否嘗試過的東西?有什麼問題? – 2013-05-01 13:11:55

+0

每當用戶點擊計算按鈕時,應該計算所有td的值,並且avg應該進入lblaverage標籤,所有td的maxvalue都應該進入lblmax標籤....任何人都可以幫助我嗎? – 2013-05-01 13:12:57

+0

我對jquery並不熟悉。如何計算這些平均值和最大值並顯示它們。請幫助我... – 2013-05-01 13:14:08

回答

1

我添加了一個類你TD的包含數字使它更容易些。

HTML:

<td ><input type="checkbox" /></td> 
<td >Vijay Prakash</td> 
<td class="number">34</td> 
<td >[email protected]</td> 
<td ></td> 

jQuery的

$("#btnCalculate").click(function() { 
    var total = 0; 
    var highCount = 0; 

    $("table tr td.number").each(function() { 
     total += Number($(this).text()); 
     if (highCount < $(this).text()) { 
      highCount = $(this).text(); 
     } 
    }); 

    $("#lblMax").text(highCount); 
    $("#lblAverage").text(total/$("table tr td.number").length); 
}); 

小提琴:http://jsfiddle.net/Kjm6Z/1/

+0

這對我來說看起來不錯,但它聽起來好像他要求的是最高分,而不是要在lblMax中顯示的所有分數的總和......只是添加var highScore = 0,並在每個循環中檢查數字是否高於highScore,如果是這樣,請將highScore設置爲該數字... ya知道。 – Ryan 2013-05-01 13:26:43

+0

Thanx的幫助...但我想在表中的最大值不是總數...我,我希望lblmax應該顯示爲34 ..不是總和的單元格 – 2013-05-01 13:26:52

+0

啊,很容易修復,給我幾分鐘,基本上,一切瑞安說 – tymeJV 2013-05-01 13:27:16

相關問題