html/react/bootstrap 中不需要单击即可释放的按钮

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/>

源