HTML - jQuery에서 동적 테이블 계산을 수행 하시겠습니까?

사용자가 직접 또는 선택 메뉴에서 일부 값을 입력 할 수있는 HTML 테이블이 있습니다. 단순히 당 (주당 시간 * 주입니다 "주 당 평균 시간"을 계산해야하는 각 행에 대해HTML - jQuery에서 동적 테이블 계산을 수행 하시겠습니까?

<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>&nbsp;</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>&nbsp;</td> 
</tr> 
<tr> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
<td class="title">Total High</td> 
<td class="title" id="totalHigh"></td> 
</tr> 
<tr> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
<td>&nbsp;</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>

나는 다음과 같이 계산의 몇 가지를 수행해야 연도)/52

각 행에 대해 사용자는 등급에 "높음"또는 "보통"을 선택할 수 있습니다. 그런 다음 모든 행의 "Average Hours Per Week"를 계산해야합니다 (예 : Rating = "High"). 모든 행은 Rating = "Moderate"입니다.

는 내가 가진 안돼서 jQuery를 사용하여 작업 뭔가를 얻으려고 내 마지막 남은 머리카락을 잡아 당겨 오늘의 좋은 부분을 보냈다. 테이블의 단순화 된 버전이

http://jsfiddle.net/tZPDr/

: 나는에 설치에게 jsfiddle을했습니다. 사용자 유형에 따라 동적으로이 2 가지 계산을 수행하는 방법에 대한 도움을 주시면 감사하겠습니다.

많은 감사, 스티브

출처

2012-04-29 user982124

이는 어렵게 될 것 같지 않습니다,하지만 당신은 데모를 배치 할 수있다 :이

예와 같은 값을 얻을 수 있나요? 그것은 입력을 특징으로하고 출력은 어디로 가야합니까? (JS Fiddle을 미리 채워진 필드로 업데이트하여 입력/출력을 표시 할 수 있다면 정말 좋겠네요. 내가 뭔가 명확한 것을 볼 수 없다면 죄송합니다. /) –

David에게 감사드립니다. JS를 업데이트했습니다. 몇 가지 샘플 데이터 및 계산 결과가있는 피들 : http://jsfiddle.net/tZPDr/3/ 행이 여러 개있을 수 있습니다. 행 수가 고정되어 있지 않습니다. 또한 소수점 1 자리까지 반올림해야합니다. 더 자세한 설명이 필요하면 알려주십시오. – user982124

몇 개조하면 되겠, this fiddle을 확인했다. 나머지는 알아낼 수 있어야합니다. :)

출처

2012-04-29 23:18:35 gopi1410

사용자 유형으로 이것을 수행하려면 keypress 또는 keydown에 바인딩해야합니다.

예 :

$('td.hours input').on('keypress', function() { 
    //get the values and calculate 
});

그런 다음 당신에게 필드를 선택하고 계산을 수행합니다.

var hrs = $('td.hours input').val();

출처

2012-04-29 23:25:59 Starx

HTML - jQuery에서 동적 테이블 계산을 수행 하시겠습니까?

답변

관련 문제