下面的设计是否可以为多个值设置一个复选框？

问题描述

我尝试过在互联网上搜索，但找不到合适的解决方案，有人可以帮我吗

解决方法

我不确定是否可行。但是，您可以使用一个复选框同时选中或取消选中许多其他复选框。您可以使用下面的代码来做到这一点

$('#selectAllBoxes').click(function(event) {
  if (this.checked) {

    $('.checkBoxes').each(function() {
      this.checked = true;
    });
  } else {
    $('.checkBoxes').each(function() {
      this.checked = false;
    });
  }
});

<input class="checkBoxes" type="checkbox" name="selectAllBoxes" id="selectAllBoxes">

,

好吧...所以只需要CSS ...请检查以下代码，并根据您的大小和需要进行调整

input[type='checkbox'] {
  width: 90px;
  height: 90px;
  background: white;
  border-radius: 5px;
  border: 2px solid #555;
}

<input style="float:left;" type="checkbox" />
<label class="form-check-label"><br>First line <br> Second line <br> third line</label>