Кнопочный тумблер на jQuery и Bootstrap

Кнопочный тумблер с использованием jQuery и Bootsrap вместо стандартного чекбокса



Live demo

Дальше исходный код







JS Bin







$('.btn-group-checkbox').each(function() {
var active_class=$(this).attr('data-active-class');
var target=$('#' + $(this).attr('data-target'));
var _this = this;
$(_this).find('button').removeClass('active').removeClass(active_class);
var v = target.attr('checked')? 1: 0;
$(_this).find('button').each(function () {
if($(this).attr('data-checked')==v) {
$(this).addClass('active').addClass(active_class);
}
})

$(this).find('button').on("click", function() {
$(_this).find('button').removeClass('active').removeClass(active_class);
$(this).addClass('active').addClass(active_class);
target.attr('checked', ($(this).attr('data-checked')==1));
eval(target.attr('onclick'));
})

})

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *