josenicomaia / jquery.checklist

jQuery checklist

Simple jQuery Checklist

This plugin just control the strikethrough and state for each checklist item. There is no predefined HTML or CSS. You should create your own CSS.

Use

    <div class="checklist">
        <input type="checkbox" />Checklist item 1
    </div>
    <div class="checklist">
        <input type="checkbox" />Checklist item 2
    </div>
    <div class="checklist">
        <input type="checkbox" />Checklist item 3
    </div>

    <script type="text/javascript">
        $(document).ready(function () {
            var checklist = new Checklist();
            checklist.iniciar();
        });
    </script>

Options

List of available options

Example

    var checklist = new Checklist({
        historico: {
            ativo: true
        }
    });
    checklist.iniciar();

Defaults

    debug: false, // Just print some debug messages
    seletor: '.checklist', // Selector to find each checklist item
    historico: {
        ativo: false, // Saves the checklist state in the LocalStorage. When enabled it will load the previous state.
        prefixoLocalStorage: '' // LocalStorage prefix
    }

Methods

List of available methods

iniciar()

Just start the plugin.

limparHistoricoDoPrefixo()

Cleans the checklist state for the current prefix.