1

В форме есть такие кастомизированные инпуты, с двумя кнопочками для увеличения/уменьшения значения http://jsfiddle.net/aEYMb/33/
Подскажите, как можно добавить к этому скрипту отображение прогресс-бара, добавляя/убирая к ul.progress li класс selected при увеличении/уменьшении значения в инпуте на единицу?

1 ответ 1

4

Например так:

    $(this).parents('.rate').find('li').removeClass('selected');
    $(this).parents('.rate').find('li:nth-child(-n+'+count+')').addClass('selected');

http://jsfiddle.net/aEYMb/34/

8
  • Ага, спасибо, большое. А еще, подскажите, как сделать так, чтобы если в инпут вводилось какое-то число, сразу 5, например, как можно выделить сразу 5 li в прогресс-баре?
    – Heidel
    1 ноя 2013 в 14:50
  • 1
    change сработает только при потере фокуса. поэтому делайте на keyup jsfiddle.net/aEYMb/42 1 ноя 2013 в 15:12
  • Вот так вроде получилось jsfiddle.net/aEYMb/41
    – Heidel
    1 ноя 2013 в 15:13
  • @Yura Ivanov угу, уже тоже нашла это решение, спасибо)
    – Heidel
    1 ноя 2013 в 15:14
  • 1
    да, проблем не будет. селекторы работают на вхождение. если элементы соответствуют селектору, значит будут отобраны. 13-й элемент искать никто не будет. См. также спецификацию по nth-child 1 ноя 2013 в 16:05

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.