checkbox: checked менять цвет background jQuery

https://jsfiddle.net / Chusi / w5gwdjac / 5 /

Как помечание фона в негра div, когда радио будет в checked, и только div одновременно смог быть в негре JQuery.

Проблема, которая у меня есть сейчас, состоит в том, что div помечаются черным цветом, но когда я помечаю один, пометив следующего, первого не возвращается в начальный цвет но он остается помеченным с черным цветом.

0
задан 24.01.2017, 13:35
0 ответов

Здесь у тебя есть код.

Просто, когда ты сделаешь один on('change') ты должен возвращать все box в Ваше первоначальное состояние и в отборного давать ему стили, которые ты хочешь дать им.

https://jsfiddle.net / w5gwdjac / 10 /

я добавляю: также ты можешь создавать классы, как "radioSelected" и так у тебя может быть еще более чистый код и больше "readable"

CSS:

.box.selected {
    background-color: #000;
}
.box.selected p {
  color: #fff;
}

Jquery:

$input.each(function() {
    if ($(this).prop("checked")) {
        $(this).parent(".box").addClass("selected");
    }
});
$input.on('change', function() {
    if ($(this).prop("checked")) {
        $input.each(function() {
            $(this).parent(".box").removeClass("selected");
        });
        $(this).parent(".box").addClass("selected");
    }
});
1
ответ дан 03.12.2019, 17:31
  • 1
    Функционируй! Creí в который с твоим recomendació n классов оно не функционировало, но sí уже функционируй!! :) Спасибо –  24.01.2017, 17:00
  • 2
    Не за что! Для этого мы, когда они предоставляют нас có я говорю. И классы конечно, когда añ adas или ты снимаешь класс, браузер renderiza, если у этой нет данных признаков, или если он má s определи заменяя уже существующих. –  24.01.2017, 17:06

Теги

Похожие вопросы