두 입력의 태양을 기반으로 한 입력 값 바꾸기

Question

이미 값이있는 두 입력의 합계를 더하려고합니다. 다른 두 입력 중 하나라도 값이 변경되면 합계가 값을 변경하기를 원했습니다. 나는이 다음을 가지고 있지만 작동하지 않는 그 :

<?php 


while($row = mysqli_fetch_array($test)) { 
echo "<tr class='saved_add'>"; 
echo "<td><input/></td>"; 
echo "<td><input/></td>"; 

echo "<td><select'>"; 
echo "<option value='service'"; 
if ($row['type'] == "service") { 
echo "selected='selected'";} 
echo ">Service</option>"; 
echo "<option value='hours'"; 
if ($row['type'] == "hours") { 
echo "selected='selected'";} 
echo ">Hours</option>"; 
echo "<option value='days'"; 
if ($row['type'] == "days") { 
echo "selected='selected'";} 
echo ">Days</option>"; 
echo "<option value='product'"; 
if ($row['type'] == "product") { 
echo "selected='selected'";} 
echo ">Product</option></select></td>"; 

echo "<td><input/></td>"; 
echo "<td><input/></td>"; 
echo "<td><input/></td>"; 
echo "<td><input/></td>"; 
echo "<td><input class='subtotal'/></td>"; 
echo "</tr>"; 
} 


mysqli_close($con); 
?> 

JQuery와 :

$('.saved_add').each(function() { 
    sum = $('input:eq(2)', this).val() * $('input:eq(5)', this).val(); 
    $(".subtotal").text(sum); 
}); 

어떤 아이디어?

Answer 1

요소에 .val()을 호출하면 해당 값이 문자열로 반환됩니다. 수학적 연산을하기 전에 먼저 숫자로 변환해야합니다. 문자열을 정수로 변환하려면 parseInt() 메서드를 사용할 수 있습니다. 이 라인을 따라

$('.saved_add').each(function() { 
    var sum = $('input:eq(2)', this).val() * $('input:eq(5)', this).val(); 
    $(".subtotal").text(sum); 
}); 

Answer 2

뭔가 : IT가로드 할 때

function calculateSum() { 
    $('.saved_add').each(function() { 
    sum = $('input:eq(2)', this).val() * $('input:eq(5)', this).val(); 
    $(".subtotal").text(sum); 
    }); 
    } 

// On first load 
calculateSum(); 

// On change 
$("input").change(calculateSum); 

귀하의 코드는 값을 계산합니다. 값이 변경 될 때로드 할 때 계산하기를 원하므로 .change() 함수가 필요합니다.

업데이트

Answer 3

편집, 나는 그것을 파악, 도와

$('.saved_add').each(function(i, el) { 
    $(el).on("change", function() { 
     // cast `sum` as `Number` 
     sum = Number($('input:eq(2)', this).val() * $('input:eq(5)', this).val()); 
    $(".subtotal").text(sum); 
}).change(); 
}); 

jsfiddle http://jsfiddle.net/guest271314/20jeoc9y/

Answer 4

모두에게 감사를 사용해보십시오. 각 입력을 ID로 작성하여 적절하게 변경할 수 있도록 도와줍니다.

HTML :

<div id="saved1"> 
    <input type="text" value="10" /><input type="text" value="10" /> <input type="text" value="10" />  
    <div id="subtotal1"></div> 
</div> 
<div id="saved2"> 
    <input type="text" value="10" /><input type="text" value="10" /> <input type="text" value="10" />  
    <div id="subtotal2"></div> 
</div> 

JQuery와 :

이

function calculateSum() { 
    $("[id^=saved]").each(function() { 
    sum = $('input:eq(0)', this).val() * $('input:eq(1)', this).val(); 
    $('input:eq(2)', this).val(sum); 
    }); 
    } 

// On first load 
calculateSum(); 

// On change 
$("input").change(calculateSum); 

그냥 생각

JSFiddle