Выбор нескольких кнопок

Question

Как кто-то может выбрать кнопку (не радиокнопку или кнопку-флажок), а всю кнопку, которая изменится, а затем изменит цвет? Идея состоит в том, что кто-то выберет несколько кнопок, а затем отправит их.

Answer 1

Вы все еще можете использовать флажки и сделать так, чтобы они выглядели как кнопки. Поскольку вы используете бутстрап, это довольно просто.

.cb-btn:checked + label {
  background-color: Green;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<input type="checkbox" id="cb1" hidden class="cb-btn"><label class="btn btn-primary" for="cb1">Foo</label>

<input type="checkbox" id="cb2" hidden class="cb-btn"><label class="btn btn-primary" for="cb2">Bar</label>

<input type="checkbox" id="cb3" hidden class="cb-btn"><label class="btn btn-primary" for="cb3">Bacon</label>

Answer 2

Для каждой кнопки вы можете добавить функцию onclick, которая затем изменит цвет button.

<button onclick = "document.getElementById("myButton").style.backgroundColor = "blue";">Button</button>