2014-09-03 3 views
-3

다른 텍스트 필드의 합계를 찾아 다른 텍스트 필드에 저장하기 위해 다음과 같은 jQuery 코드가 있습니다.여러 텍스트 필드의 합계 jquery

$(function() { 

    $('#input1').keyup(function() { 
     updateTotal(); 
    }); 

    $('#input2').keyup(function() { 
     updateTotal(); 
    }); 


    var updateTotal = function() { 
     var input1 = parseInt($('#input1').val()); 
     var input2 = parseInt($('#input2').val()); 

     if (isNaN(input1) || isNaN(input2)) { 

     } else {   
      $('#output1').val(input1 + input2); 
     } 
    }; 

    var output_total = $('#output'); 

}); 

이 코드는 output1에 input1 + input2 값을 추가합니다. TextFields는 입력 1 입력 2 출력 1 입력 3 입력 4 출력 2 출력으로 정렬됩니다. 비슷한 코드가 input3 + input4()의 값을 output2에 추가하는 데 사용됩니다. 두 출력을 모두 출력하기 위해 output1 + output2를 생성하는 코드를 사용할 때 작동하지 않습니다. 내가 뭘 잘못 할 수 있니?

+1

당신이 (당신의 HTML 포함)하시기 바랍니다 완전한 코드 예제를 게시 할 수 당신을 위해 도움이 될 수있다? 또한 jsFiddle.net 예제가 도움이 될 수 있습니다. – j08691

+0

'$ (function() {'(function() {'이 아니어야하고, 그렇지 않으면 무엇이 작동하지 않는지 설명 할 수 있습니까?) 어떤 실수를하고 있나요? – Huangism

+1

@Huangism - 아니요, 맞습니다. http://learn.jquery.com/using-jquery-core/document-ready/ – j08691

답변

0

귀하의 질문은 나에게 분명하지 않다,이 코드는

$(function() { 
    $('#input1,#input2').keyup(function() { 
     var input1 = parseInt($('#input1').val(),10); 
     var input2 = parseInt($('#input2').val(),10); 
     if (isNaN(input1) || isNaN(input2)) {} else { 
      $('#output1').val(input1 + input2); 
      update(); 
     } 
    }); 
    $('#input3,#input4').keyup(function() { 
     var input3 = parseInt($('#input3').val(),10); 
     var input4 = parseInt($('#input4').val(),10); 
     if (isNaN(input3) || isNaN(input4)) {} else { 
      $('#output2').val(input3 + input4); 
      update(); 
     } 
    }); 
    function update(){ 
     $('#output').val(parseInt($('#output2').val(),10)+parseInt($('#output1').val(),10)); 
    } 
}); 
관련 문제