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

Question

我已经尝试在互联网上搜索但找不到合适的解决方案，任何人都可以帮助我

Answer 1

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

$('#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">

Answer 2

好的...所以您只想要 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>

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

Is it possible to have single checkbox for multiple values to the below design?

css

checkbox

checkboxlist