时间戳

首页 > 解决方案 > 如何自定义复选框

javascript - 如何自定义复选框

问题描述

如何编辑复选框看起来像这样： 我 在 Bootstrap 上没有找到任何东西。

目前我的复选框列表如下所示： 未修改的复选框

在我的 cshtml 中，我有从 javascript 填充的空 div。

<div id="check-list-box" class="list-group checked-list-box">

</div>

Javascript：

for (i = 0; i < brUredjaja; i++) {
  var brParametara = data[i].series.length;

  if ((brParametara > 1) || (brUredjaja > 1)) {
    for (j = 0; j < brParametara; j++) {
      {
        $("#graphId").append("<div class='graphReport col-md-6' id = div" + i + "dev" + j + "></div>");
        $('#check-list-box').append('<input type="checkbox" checked id="myCheckbox" />' + data[i].series[j].name);
        InitGraph(data[i].dates, data[i].series[j].data, "div" + i + "dev" + j, data[i].series[j].name, data[i].deviceName);
      }
    }
  }
}

标签： javascriptcssrazorcheckbox

解决方案

将类名添加到复选框，并编辑其 CSS。 此链接将引导您找到一些示例，您可以从中获取“操作方法”。

推荐阅读