Форумы портала PHP.SU :: Версия для печати :: инпуты выполняют функции чекбоксов

1. mstdmstd - 01 Мая, 2016 - 15:00:10 - перейти к сообщению

Всем привет,
В примере с 3-ем bootstrap-ом
http://getbootstrap[dot]com/javascri[dot][dot][dot]s-checkbox-radio
инпуты выполняют функции чекбоксов
Все хорошо но не всегда сразу очевидно а какие из инпутов кликнуты ?
Можно ли рядом с текстом инпута отображать символ checked?
И как управлять фоном кнопок в зависимости от состояния?

Спасибо!

2. Viper - 01 Мая, 2016 - 18:34:28 - перейти к сообщению

Популярно ж расписано _http://getbootstrap.com/javascript/#buttons-checkbox-radio
Класс active у лейбла и атрибут checked у инпута.

3. mstdmstd - 07 Мая, 2016 - 09:14:55 - перейти к сообщению

Если в стили добавить определение:

CODE (htmlphp):
скопировать код в буфер обмена

.active {
    padding-bottom: 50px;
    margin-left: 20px;
    background-color: red;
    border: 3px dotted navy;
    background:url(/static/images/button_check.png)left center no-repeat;
}
 

то при нажатии на кнопке добавляется высота и появляется бордюр. То есть, этот стиль применился.
Но как сделать чтобы и кпопка с чекбоксом отобразилась слева в этой кнопке ?

Также а как определить, этот стиль применялся только для чекбоксов с классом checked_states:

CODE (html):
скопировать код в буфер обмена

        <label class="btn btn-primary checked_states">
            <input type="checkbox" autocomplete="off" value="{{ nextState.id }}" class="">{{ nextState.name }}
        </label>&nbsp;
 