Поочередное нажатие button

169

16 августа 2018, 07:50

Ребята как можно сделать чтоб при нажатии на кнопку она залилась зеленым цветом , при нажатии на вторую кнопку первая окрашивается в серый ,а вторая в зеленый ,если нажал на третюю то закрашивается зеленым ,а первая и вторая серым.

Вот принципе с чекбоксами только нужно чтоб еще кнопки заливались зеленым или серым цветом .

$('#group input:checkbox').click(function(){ 
    if ($(this).is(':checked')) { 
         $('#group input:checkbox').not(this).prop('checked', false); 
    } 
});

<style> 
.checkbox { 
    display: inline-block; 
    margin: 0; 
	line-height: 21px; 
} 
</style>

<div id="group" class="text-center"> 
    <label class="checkbox"><input type="checkbox">checkbox 1</label><br> 
    <label class="checkbox"><input type="checkbox">checkbox 2</label><br> 
    <label class="checkbox"><input type="checkbox">checkbox 3</label> 
</div> 
<script src="//yandex.st/jquery/2.1.1/jquery.min.js"></script>

Answer 1

Я бы просто сделал доп. класс (active например) и при клике на кнопку у всех кнопок его убирал а нажатой добавлял и усе)

По логике как то так:

$('button').click(function(){
    $('button').removeClass('active');
    $(this).addClass('active');
});

А в стилях для активного класса пропиши заливку зеленым.

Создание сайта для салона красоты в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Функция removeSmallest(arr)

Дается массив с числамиИз них удаляется самый меньший и возвращается оставшийся массив

190

javascript

Удаление записи через телеграм бот

При удалении записи через тг-бот, удаляются все данные, но мне нужно чтобы при нажатии кнопки "Удалить" удалялась та запись которая выводилось...

194

javascript

Drag'n'drop добавление материла

Есть ли такой плагин, с помощью которого можно перетаскивать элемента списка и при отпускании его над определенным элементом происходило...

183

javascript

JS Сортировка данных по алфавиту

Как отсортировать это по name по алфавиту? Делаю так и это не работает

202