Кнопки в html / реагировать / начальной загрузке, которые не требуют щелчка, чтобы быть выпущенным

Question

У меня есть очень большая сетка кнопок, которую пользователь будет использовать для настройки их доступности. В настоящее время пользователь должен нажимать каждую кнопку по одной за раз, что работает, но может стать действительно повторяющимся.

Я надеялся создать сетку из объектов, похожих на кнопки, где пользователь может выбрать несколько кнопок, удерживая их кнопку мыши и перетаскивая.

Существует ли какой-либо эквивалент кнопки в HTML, React или Bootstrap, когда щелчок не требуется отпускать?

Если нет, есть ли у кого-нибудь здесь какие-либо предложения?

Спасибо

Answer 1

<script language="JavaScript">
 function toggle(source) {
  checkboxes = document.getElementsByName('foo');
  for(var i=0, n=checkboxes.length;i<n;i++) {
    checkboxes[i].checked = source.checked;
  }
}
</script>

<input type="checkbox" onClick="toggle(this)" /> Toggle All<br/>

<input type="checkbox" name="foo" value="bar1"> Monday<br/>
<input type="checkbox" name="foo" value="bar2"> Tuesday<br/>
<input type="checkbox" name="foo" value="bar3"> Everyday<br/>
<input type="checkbox" name="foo" value="bar4"> Days that don't end in 'Y'<br/>

Источник