如何从 Kendo UI CheckBoxGroup 获取选中的复选框

Question

我刚刚开始使用 Kendo CheckBoxGroup，不知道如何获取选中的复选框，有什么想法吗？

$(document).ready((e) => {
  GenerateCheckBoxList();
});

function GenerateCheckBoxList() {
  const lst = ["A", "B", "C"];
  $("#RoomsCheckBoxList").kendoCheckBoxGroup({
    items: lst,
    layout: "vertical"
  });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2022.3.913/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.3.913/styles/kendo.default-main.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.3.913/styles/kendo.common-bootstrap.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.3.913/styles/kendo.bootstrap.min.css" />

<ul id="RoomsCheckBoxList"></ul>

Answer 1

这将返回一个包含所有项目的数组作为 html 元素：

$("#RoomsCheckBoxList").getKendoCheckBoxGroup().items();

然后您可以查看每个属性上的“已检查”属性。

https://docs.telerik.com/kendo-ui/api/javascript/ui/checkboxgroup