用于数据值的ko.computed字段

时间:2014-09-01 06:38:10

标签: checkbox knockout.js

我使用html,javascript(包括knockout,jquery)开发Web应用程序。

我在淘汰赛中还有点新鲜。

我需要ko-computed字段,相对于复选框的数据值属性。 但我不知道该怎么做。

代码示例:

        <input type="checkbox" name="action" data-value="A"/>
        <label>save</label>

        <input type="checkbox" name="action" data-value="B" />
        <label>export</label>

        <input type="checkbox" name="action" data-value="C" />
        <label>print</label>

我需要的属性只会将复选框的逗号字符串设为复选框。

例如,如果检查了第一个组合和第三个组合 - 我需要ko计算字段具有值:&#39; A,C&#39;。

有可能吗?怎么样?

感谢。

1 个答案:

答案 0 :(得分:1)

不需要computed,简单的observableArray也可以:

<强> HTML:

<input value="A" type="checkbox" name="action" data-bind="checked: CheckedActions"/>
<label>save</label>

<input value="B" type="checkbox" name="action" data-bind="checked: CheckedActions"/>
<label>export</label>

<input value="C" type="checkbox" name="action" data-bind="checked: CheckedActions"/>
<label>print</label>

<强> JavaScript的:

function VM() {
    this.CheckedActions = ko.observableArray();
};

ko.applyBindings(new VM());

请参阅Fiddle