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'); 

}); 

Этот код добавляет значение input1 + input2 в output1. TextFields выровнены как: вход1 вход2 выход1 вход3 вход4 выход2 мощность. Аналогичный код используется для добавления значения input3 + input4() в output2. Когда я использую код для добавления обоих выходных данных output1 + output2 для вывода, это не работает. Что я могу делать неправильно?

+1

Можете ли вы опубликовать полный пример кода, пожалуйста, (включая ваш HTML)? Кроме того, может оказаться полезным пример jsFiddle.net. – j08691

+0

Не нужно '$ (function() {' be '(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)); 
    } 
}); 
Смежные вопросы