Binding 剑道复选框选中绑定。无法绑定到复选框数组

我有一个复选框数组，我想将其用作数组，例如，在一组选项中设置单个iItem并检索组的值。 对于单个复选框，我可以设置它并获取单击事件，作为一个数组，我什么也得不到

HTML代码：

    <div class="k-group" id="chkbox-options">
    <label>
        Red
        <input type="checkbox" id="chk1" value="Red" data-bind="checked: colors" />
        Green
        <input type="checkbox" id="chk2" value="Green" data-bind="checked: colors" />
        Blue
        <input type="checkbox" id="chk3" value="Blue"  data-bind="checked: colors" />
    </label>
    </div> 

    <script  type="text/javascript">
        var colordata = null;
        $(document).ready(function () {
            colordata = kendo.observable({
                colors: ["Blue"]
            });
            kendo.bind($("chkbox-options"), colordata);
            $("#dump-values").click(function () {
                kendoConsole.log(colordata.colors.toString());
            });
            $("#chk1").click(function () {
                kendoConsole.log("click chk1");
                if (this.checked) {
                    kendoConsole.log("click chk1 true");
                }
            });
         });
    </script> 

红色
绿色
蓝色

Javascript代码：

    <div class="k-group" id="chkbox-options">
    <label>
        Red
        <input type="checkbox" id="chk1" value="Red" data-bind="checked: colors" />
        Green
        <input type="checkbox" id="chk2" value="Green" data-bind="checked: colors" />
        Blue
        <input type="checkbox" id="chk3" value="Blue"  data-bind="checked: colors" />
    </label>
    </div> 

    <script  type="text/javascript">
        var colordata = null;
        $(document).ready(function () {
            colordata = kendo.observable({
                colors: ["Blue"]
            });
            kendo.bind($("chkbox-options"), colordata);
            $("#dump-values").click(function () {
                kendoConsole.log(colordata.colors.toString());
            });
            $("#chk1").click(function () {
                kendoConsole.log("click chk1");
                if (this.checked) {
                    kendoConsole.log("click chk1 true");
                }
            });
         });
    </script> 

var colordata=null；
$（文档）.ready（函数（）{
colordata=剑道。可观察({
颜色：[“蓝色”]
});
bind（$（“chkbox选项”），colordata）；
$（“#转储值”）。单击（函数（）{
log（colordata.colors.toString（））；
});
$（“#chk1”）。单击（函数（）{
log（“单击chk1”）；
如果（选中此项）{
log（“单击chk1 true”）；
}
});
});

我可以在单个复选框上获取单击事件，但无法在var colordata字段中设置

kendo.observable

中的复选框值

我在剑道文档中看到了一个类似的例子，但我无法让它工作

谢谢你的帮助

马可

几点： 1.在kendo.bind中，div id chkbox选项缺少# 2.您需要读取可观察对象的更改事件中更改的颜色。更改发生在单击事件之后，因此在单击事件中，您始终可以看到旧数据

我已经纠正了你的错误：

几点： 1.在kendo.bind中，div id chkbox选项缺少# 2.您需要读取可观察对象的更改事件中更改的颜色。更改发生在单击事件之后，因此在单击事件中，您始终可以看到旧数据

我已经纠正了你的错误：

---

如果这个答案是你想要的，请将它标记为答案，以便对其他寻求类似问题答案的人有所帮助。它回答了问题，谢谢。对不起，我看不见，我以为有一个按钮可以将问题标记为已回答，但我看不到。如果此答案是您要寻找的答案，请将其标记为“答案”，以便对其他寻求类似问题答案的人有所帮助。它回答了问题，谢谢。对不起，我瞎了眼睛，我以为有一个按钮可以将问题标记为已回答，但我看不到。