Применение стиля для родителя при выбраном чекбоксе
Кликнув по чекбоксу, div'у в котором он находиться присваивается стиль. Но как сделать чтоб если убрал выделение с чекбокса стиль удалялся? или менялся на другой?
$(document).ready(function(){
$("input:checkbox").click(function () {
$(this).parent().addClass("selected");
});
});
|
У чекбокса есть еще события: change, focus и blur.
|
$("input:checkbox").click(function () {
if ($(this).is(':checked')) {
$(this).parent().addClass("selected");
} else {
$(this).parent().removeClass("selected");
}
});
|
спасибо. а как сделать чтобы применялось только для определенного чекбокса?
if ($(_.id === 'so1_checkbox').is(':checked'))
|
Не совсем понял вопрос.
Навешивайте обработку на определенный чекбокс и будет только для него выполняться.
$("#id").click ...
Также в любом случае внутри можно отличать
if ($(this).is('#id')) ...
|
так получается? у чекбокса id: so1_checkbox
$(document).ready(function(){
$("so1_checkbox").click(function () {
if ($(this).is(':checked')) {
$(this).parent().parent().addClass("selected");
} else {
$(this).parent().parent().removeClass("selected");
}
});
});
или так?
<script>
$(document).ready(function(){
$("input:checkbox").click(function () {
if ($(this).is("so1_checkbox")) {
if ($(this).is(':checked')) {
$(this).parent().parent().addClass("selected");
} else {
$(this).parent().parent().removeClass("selected");
}}
});
});
</script>
|
$("#so1_checkbox")
|
| Часовой пояс GMT +3, время: 02:42. |