여러 테이블에 Jquery sum 폼 입력

Question

MySQL의 HTML 테이블을 채우는 PHP 페이지가 있습니다. ID가 'headTable'및 'visits'인 두 개의 개별 테이블을 출력합니다. 나는 '방문'테이블에서 값을 합산하고 합계를 해당 'headTable'에 출력하려고합니다. 또한 입력란을 채우는 체크 박스가 있으며 모든 체크 박스를 선택할 때 정확한 합계를 얻는 데 문제가 있습니다. 수동으로 값을 입력하면 합계가 정확합니다. 미리 감사드립니다. Here is an Example on Fiddle

<table id="headTable"> 
    <tr> 
     <th>First Table</th> 
     <th><span id="appliedTotal"></span></th> 
    </tr> 
</table> 

<table id="visits"> 
    <tr> 
     <td>Jane</td> 
     <td>18.45</td> 
     <td><input type="checkbox"></td> 
     <td><input class="amount" type="text" size="20" value=""></td> 
    </tr> 
    <tr> 
     <td>Peter</td> 
     <td>100</td> 
     <td><input type="checkbox"></td> 
     <td><input class="amount" type="text" size="20" value=""></td> 
    </tr> 
</table> 

<table id="headTable"> 
    <tr> 
     <th>Second Table</th> 
     <th><span id="appliedTotal"></span></th> 
    </tr> 
</table> 

<table id="visits"> 
    <tr> 
     <td>Ronald</td> 
     <td>100</td> 
     <td><input type="checkbox"></td> 
     <td><input class="amount" type="text" size="20" value=""></td> 
    </tr> 
    <tr> 
     <td>John</td> 
     <td>100</td> 
     <td><input type="checkbox"></td> 
     <td><input class="amount" type="text" size="20" value=""></td> 
    </tr> 
</table> 

및 대한 내 jQuery를

<script> 

$(document).ready(function(){ 
    $(function() { 

     $('table input[type="checkbox"]').change(function() { 
      var input = $(this).closest('td').next('td').find('input'); 

      if ($(this).is(':checked')) { 
       var amount = $(this).closest('td').prev('td').text(); 
       var sum = 0; 

       $.each($('table#visits'), function() { 
        $('.amount').each(function() { 
         sum += Number($(this).val()); 
         $('#appliedTotal').html('$'+sum.toFixed(2)); 
        }); 
       }); 

       input.val(amount); 

      } else { 
       input.val('0.00'); 
       var sum = 0; 

       $('.amount').each(function() { 
        sum += Number($(this).val()); 
        $('#appliedTotal').html('$'+sum.toFixed(2)); 
       }); 

      } 
     }); 
    }); 

    $.each($('table#visits'), function() { 
     $(".amount").keyup(function() { 
      var sum = 0; 

      $('.amount').each(function() { 
       sum += Number($(this).val()); 
       $('#appliedTotal').html(sum); 
      }); 
     }); 
    }); 

}); 
</script> 

---

이 내가 할 찾고 있었던 것입니다.

JSFiddle Example

Answer 1

달러에서 번호를 확인하는 방법에 대해 그것을 무엇입니까? 나는 반대 선호하지만, 당신이 경우 문자열을 추가하세요 (1) 수()

과 합 =에 전달하기 전에) (.val하는 '$'+ 물론 appliedTotal에 할당하기 전에 요약

Answer 2

한 페이지에 두 개의 테이블 또는 동일한 'id'가있는 다른 태그를 사용할 수 없습니다.