В форме есть такие кастомизированные инпуты, с двумя кнопочками для увеличения/уменьшения значения http://jsfiddle.net/aEYMb/33/
Подскажите, как можно добавить к этому скрипту отображение прогресс-бара, добавляя/убирая к ul.progress li
класс selected
при увеличении/уменьшении значения в инпуте на единицу?
Добавить комментарий
|
1 ответ
Например так:
$(this).parents('.rate').find('li').removeClass('selected');
$(this).parents('.rate').find('li:nth-child(-n+'+count+')').addClass('selected');
-
Ага, спасибо, большое. А еще, подскажите, как сделать так, чтобы если в инпут вводилось какое-то число, сразу 5, например, как можно выделить сразу 5 li в прогресс-баре?– Heidel1 ноя 2013 в 14:50
-
1change сработает только при потере фокуса. поэтому делайте на keyup jsfiddle.net/aEYMb/42 1 ноя 2013 в 15:12
-
-
-
1да, проблем не будет. селекторы работают на вхождение. если элементы соответствуют селектору, значит будут отобраны. 13-й элемент искать никто не будет. См. также спецификацию по nth-child 1 ноя 2013 в 16:05