если инпуты выполняют функции чекбоксов

[mstdmstd]

Всем привет,
В примере с 3-ем bootstrap-ом
http://getbootstrap.com/javascript/#buttons-checkbox-radio
инпуты выполняют функции чекбоксов
Все хорошо но не всегда сразу очевидно а какие из инпутов кликнуты ?

Можно ли рядом с текстом инпута отображать символ/картинку checked?

Идея в том, что когда я вижу такие чекбоксы, для меня не очень очевидно какие из них уже чекнуты. С картинкой слева от текста было бы очевидней.
Я пробовал сделать но получается совсем не то ...

  Спасибо!
 

[Igor Schnaider]

Используете псевдокласс :checked.

[SelenIT]

Например, как-то так.

[mstdmstd]

Спасибо! Еще вопрос, а не получится что это настройки вылезут где-нить в другом месте приложения, где они не нужны и нельзя ли эти ченкбоксы привязать к классу который используется только в одном месте ?

[Q4Dizzy]

Ну привяжите к классу.. Какие-то стили пишутся глобально, какие-то жёстко привязывают к классу. 

[mstdmstd]

Я имею в виду в моих чекбоксах прописать класс checked_states. чтобы в цикле пробежать и проверить какие их них чекнуты :

            $('input.checked_states:checked').each(function () {
                checked_states_selection = checked_states_selection + $(this).val() + ','
            });

Но как тогда писать в опрделении css?
Я пробовал :

.checked_states input :not(:checked) + .glyphicon-ok { visibility: hidden; }

в результате пр открытии страницы все элементы были чекнуты.
А как правильно?

[Igor Schnaider]

.checked_states input -> input.checked_states ?