是否有一個用於檢查列表的jQuery插件？

我正在嘗試創建一些分步的在線說明，並且希望用戶檢查步驟s，以便他們完成這些步驟。是否有一個用於檢查列表的jQuery插件？

理想情況下，每個步驟旁都會有一個複選框。當他們點擊它時，會跳出該步驟並顯示它已完成。

是否有任何插件可以做到這樣的事情？

2012-03-14 Gregg

你需要一個插件嗎？您可以簡單地在複選框直播活動中使用一行javascript將類（帶刪除線樣式）應用於下一個_div_或_p_或其他任何內容。 – 2012-03-14 08:42:30

你並不需要插件。比方說，你有這樣的標記：

<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}

你會ha已經決定了什麼對你有意義，以便從一頁到下一頁保存進度。

來源

2012-03-14 08:47:53

這很酷！但我忘了提及一些事情。我需要清單來記住用戶的設置，以便他們可以在一段時間內使用清單。會用cookie來設置嗎？這真的很複雜嗎？ – Gregg 2012-03-14 08:58:28

這是完全取決於您的應用程序的部分，並且插件無法爲您猜測。我會假設你使用cookies或數據庫。沒有一個清晰的規格，很難說更多。有很多資源可用於瞭解這些選項中的任何一個 - 讓我看看我能否找到一些......這是匿名用戶還是註冊用戶？您需要存儲數據多長時間，數據是什麼*等等？ – 2012-03-14 09:01:17

這將用於匿名用戶，我想至少保存一週的設置。數據只是文本字符串。基本的逐步說明，他們可以檢查，因爲他們做。 – Gregg 2012-03-14 16:17:27

是否有一個用於檢查列表的jQuery插件？

回答

相關問題