Показать сообщение отдельно
  #1 (permalink)  
Старый 29.09.2015, 13:12
Профессор
Отправить личное сообщение для alerzo Посмотреть профиль Найти все сообщения от alerzo
 
Регистрация: 23.12.2010
Сообщений: 224

Два поля зависящие друг от друга
Здравствуйте подскажите ошибку
<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)
Работает только при первом изменении, второй раз не работает..
Ответить с цитированием