Два поля зависящие друг от друга
Здравствуйте подскажите ошибку
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
Процент использования: <input type="number" id="procent-1" name="procent-1" value="20" min="0" max="100" step="1">%<br />
Процент использования: <input type="number" name="procent-2" id="procent-2" value="80" min="0" max="100" step="1">%<br />
$('input[name=procent-1]').on('change keyup',function(){
var procent1 = $('input[name=procent-1]').val();
var otvet1 = 100-procent1;
$('input[name=procent-2]').attr('value', otvet1);
});
$('input[name=procent-2]').on('change keyup',function(){
var procent2 = $('input[name=procent-2]').val();
var otvet2 = 100-procent2;
$('input[name=procent-1]').attr('value', otvet2);
});
При изменении одного поля - второе должно уменьшаться, и наоборот. В сумме всегда не больше 100, отрицательными оба быть не могут (от 0 до 100)
Работает только при первом изменении, второй раз не работает.. |