Javascript parseInt - Код работает 4 раза

Question

Для этой функции я пытаюсь вычислить результат переменных $ r и отобразить их в текстовом поле ввода формы «otherHtmlIdName».

Оператор if проверяет, имеют ли все значения значения, затем получает значение рассчитанной переменной и изменяет поле ввода. Он отлично работает, проблема в том, что он работает 4 раза подряд, один раз за каждые parseInt().

Есть ли способ, я могу просто запустить его один раз? Я пробовал parseFloat и Number. Не помогло.

[Изменить]: Этого не происходило из-за parseInt. Я вызывал функцию click в этом ID 4 раза в моем коде.

$("#htmlIdName").click(function() { 
    var variableName = parseInt($r.ab3, 10) - parseInt($r.ab4, 10) + parseInt($r.sb3, 10) + parseInt($r.sb4, 10); 
    if ($r.ab3 && $r.ab4 && $r.sb3 && $r.sb4) { 
     $("#otherHtmlIdName").val(variableName); 
     $("#otherHtmlIdName").change(); 
    }; 
}); 

Answer 1

Try:

$("#htmlIdName").off().on('click', function() { 
    /* Your code here */ 
}); 

Answer 2

Если вы спрашиваете, как предотвратить вызова parseInt() 4 раза, вы можете использовать map функцию:

$("#htmlIdName").click(function() { 
    //convert object of strings to array of ints 
    var arr = $.map($r, function(el) { 
    return +el 
    }); 

    //perform same calculations as before 
    var variableName = arr[0] - arr[1] + arr[2] + arr[3]; 

    if ($r.ab3 && $r.ab4 && $r.sb3 && $r.sb4) { 
    $("#otherHtmlIdName").val(variableName); 
    $("#otherHtmlIdName").change(); 
    }; 
}); 

Рабочий пример:

http://codepen.io/anon/pen/xZExeM