Элементы
<label>
делают невероятно простым создание таких меню.
<ul>
<li>
<label for="item-1">
<input type="checkbox" name="item" value="1" />
<span>Item 1</span>
</label>
</li>
<li>
<label for="item-2">
<input type="checkbox" name="item" value="2" />
<span>Item 2</span>
</label>
</li>
<li>
<label for="item-3">
<input type="checkbox" name="item" value="3" />
<span>Item 3</span>
</label>
</li>
...
</ul>
Функция .live () очень полезна для отправки $ _ POST запросов на сервер.
Обратите внимание, что добавление отступов к вашим элементам <li>
или поля к вашему <label>
сделает этот метод менее эффективным.