Как при выборе checkbox добавить class его label?

Пользователь

от terrence , в категории: JavaScript , 8 месяцев назад

Как при выборе checkbox добавить class его label?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от loyal , 8 месяцев назад

@terrence 

Если у вас есть стандартный checkbox и его label, то можно использовать следующий скрипт на jQuery:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
$(document).ready(function(){
   $("input[type='checkbox']").change(function() {
        var checkbox = $(this);
        var label = checkbox.next();
        if (checkbox.prop("checked")) {
            label.addClass("checked");
        } else {
            label.removeClass("checked");
        }
    });
});


Пример HTML кода с чекбоксом и его label:

1
2
Checkbox label


В данном примере, после выбора чекбокса, скрипт добавит класс "checked" к label. Таким образом, вы можете добавить стилизацию к выбранному checkbox.