Вот такой шикарный эффект для чекбоксов и радио-кнопок был реализован швейцарским CSS3-гуру. В качестве иконок были использованы символы из шрифта Pictos.

Демо: lab.simurai.com/css/umbrui/
К сожалению, демо пока работает только в Safari и Chrome (с небольшими дефектами).

Доброго времени суток, товарищи.

Столкнулся с одной проблемой в JQuery и теперь хочу выяснить: все как всегда (сам дурак и прощай остатки кармы) или все же это такая особенность JQuery?

Положим, есть следующий HTML-код:

<input id="dis" type="checkbox" />
<input id="chb" type="checkbox" /><input id="txt" type="text" />

* This source code was highlighted with Source Code Highlighter.

Схема работы предельно простая: чекбокс #chb управляет активностью текстового поля #txt (когда checked — !disabled и наоборот), а чекбокс #dis отключает (disabled=«disabled») чекбокс #chb и переключает его состояние.

Вот примерный код:

$("#chb").click(function() {
    $("#txt").attr("disabled", ! this.checked);
});

$("#dis").click(function() {
    if ( $("#chb").attr("checked") )
    {
        $("#chb").click();
    }

    $("#chb").attr("disabled", this.checked);
});

* This source code was highlighted with Source Code Highlighter.

Казалось бы, ничего необычного?

Часто при составлении сайтов с каталогами нам приходится оперировать с однотипными карточками каталога. Рассмотрим пример:
У нас имеется каталог СТО которые оказывают различные услуги клиентам. Есть предопределенный список услуг, среди которых производится выбор. Список услуг представляет собой набор чекбоксов, если услуга оказывается то чекбокс помечается, в противоположном случае отметка не ставится. Предположим количество услуг в каталоге равняется десяти(просто для определенности).
Самым простым способом было бы хранение состояния каждого чекбокса в отдельном поле, однако при этом мы для каждой новой услуги(которая будет указываться на сайте и учавствовать в поиске) будем вынуждены расширять таблицу, и изменять поиск.
Но мы пойдем другим путем.

Хотелось бы иметь возможность создавать вопросы с возможностью выбора нескольких вариантов, например:


В комментах на это уже обращалось внимание. А функциональность можно реализовать, например, галочкой «Возможен выбор нескольких вариантов» перед ответами.