Есть ли плагин 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}

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