與jQuery的文本字段

Question

請幫我自動求和，我想使用jQuery KEYUP添加三個字段和結果，並導致總場，但不想工作？`

的JavaScript

< script type = "text/javascript" > 
 
    function kerjakan() { 
 
    var nilai1 = $('#input1').val(); 
 
    var nilai2 = $('#input2').val(); 
 
    var nilai3 = $('#input3').val(); 
 
    var nilai4 = parseInt(nilai1) + parseInt(nilai2) + parseInt(nilai3); 
 

 
    if (nilai4 % 1 == 0) { 
 
     $('#input4').val(nilai4); 
 
    } else { 
 
     $('#input4').val(''); 
 
    } 
 
    } 
 
$(document).ready(function() { 
 
    $('#input1').keyup(kerjakan); 
 
    $('#input2').keyup(kerjakan); 
 
    $('#input3').keyup(kerjakan); 
 
}); < /script>

html 
 
<div class='col-xs-1'> 
 
    <td> 
 
    <input type='text' size='5' onchange="kerjakan();" name="padi" id="input1" value=""></input> 
 
    </td> 
 
</div> 
 

 
<div class='col-xs-1'> 
 
    <td> 
 
    <input type='text' size='5' onchange="kerjakan();" name="palawija" id="input2" value=""></input> 
 
    </td> 
 
</div> 
 

 
<div class='col-xs-1'> 
 
    <td> 
 
    <input type='text' size='5' onchange="kerjakan();" name="tebu" id="input3" value=""></input> 
 
    </td> 
 
</div> 
 

 
<div class='col-xs-1'> 
 
    <td> 
 
    <input type='text' size='5' name="total" id="input4" value=""></input> 
 
    </td> 
 
</div>

`

Answer 1

$('.input').on('input',function(){ 
 
var inputValues = $(".input").map(function() { 
 
    return Number($(this).val()); 
 
}).get().reduce(function(a, b) { 
 
    return a + b; 
 
}, 0); 
 
$('#input4').val(inputValues) 
 

 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
html 
 
<div class='col-xs-1'> 
 
    <td> 
 
    <input type='text' size='5' name="padi" id="input1" value="" class='input'></input> 
 
    </td> 
 
</div> 
 

 
<div class='col-xs-1'> 
 
    <td> 
 
    <input type='text' size='5' name="palawija" id="input2" value="" class='input'></input> 
 
    </td> 
 
</div> 
 

 
<div class='col-xs-1'> 
 
    <td> 
 
    <input type='text' size='5' name="tebu" id="input3" value="" class='input'></input> 
 
    </td> 
 
</div> 
 

 
<div class='col-xs-1'> 
 
    <td> 
 
    <input type='text' size='5' id="input4" value="" ></input> 
 
    </td> 
 
</div>

檢查了這一點