Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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)
Работает только при первом изменении, второй раз не работает..
Ответить с цитированием
  #2 (permalink)  
Старый 29.09.2015, 13:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

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

извините но я не понял, в чем ошибка?
Ответить с цитированием
  #4 (permalink)  
Старый 29.09.2015, 13:57
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от alerzo
$('input[name=procent-2]').attr('value', otvet1);
$('input[name=procent-2]').val(otvet1);
Ответить с цитированием
  #5 (permalink)  
Старый 29.09.2015, 14:54
Профессор
Отправить личное сообщение для alerzo Посмотреть профиль Найти все сообщения от alerzo
 
Регистрация: 23.12.2010
Сообщений: 224

Подскажите еще вопрос, а как заставить это работать на обычной странице? я тестировал на http://jsbin.com но по всей видимости он сам как то запускает нужный код, на обычной странице не работает..
Ответить с цитированием
  #6 (permalink)  
Старый 29.09.2015, 14:58
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

alerzo,
$(function(){
   //сюда ваш код
});

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

спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
[общий вопрос] Есть-ли методы держать html и js отдельно друг от друга? wayzer Элементы интерфейса 7 21.02.2015 00:39
програмное позиционирование фиксированных элементов относительно друг друга sav-oks Общие вопросы Javascript 2 04.11.2014 13:51
Два javascript перебивают друг друга Максим21 Ваши сайты и скрипты 0 29.07.2013 12:24
Два события перебивают друг друга BorodinKO Общие вопросы Javascript 2 29.08.2012 12:59
на выходе склеить два поля формы в одно kazakru Общие вопросы Javascript 3 22.08.2011 21:57