Есть ли плагин jQuery для контрольных списков?

Question

Я пытаюсь создать несколько пошаговых онлайн-инструкций и хочу, чтобы пользователи отмечали шаги, которые они выполняют, по мере продвижения.

В идеале, рядом с каждым шагом должен стоять флажок. Когда они щелкают по нему, он зачеркнет этот шаг и покажет, что он завершен.

Есть ли плагины, которые делают что-то подобное?

Answer 1

Вам не нужен плагин. Допустим, у вас есть эта разметка:

<ul>
  <li><input type="checkbox">Step 1</li>
  <li><input type="checkbox">Step 2</li>
  <li><input type="checkbox">Step 3</li>
  <li><input type="checkbox">Step 4</li>
</ul>

Это удалит элементы, если они отмечены, и уберет их, если они не отмечены:

$('[type="checkbox"]').click(function(){
    var element = $(this).parent();
    if ($(this).is(':checked')) {
       element.wrap('<del>');
    } else {
       element.unwrap('<del>');
    }
});

Демо: http://jsfiddle.net/awMhq/

Просто убедитесь, что у вас настроен правильный CSS для <del>, поэтому он отображается с линией через него, что-то вроде del {text-decoration: line-through; color:#f00}

Вам нужно решить, что имеет для вас смысл, чтобы сохранить прогресс от одной страницы / шага к следующей.