选中时如何将复选框的值写入范围?

时间:2014-06-26 07:43:23

标签: javascript knockout.js

使用knockoutJs,当我选中其中一个复选框时,我希望它将值输出到<span>文本,就像这样

-webkit-transition: <span data-bind="text: menuEffect"></span> 0.2s ease-in-out;
-moz-transition: <span data-bind="text: menuEffect"></span> 0.2s ease-in-out;
transition: <span data-bind="text: menuEffect"></span> 0.2s ease-in-out;

我的复选框:

<div>
    <input type="checkbox" value="max-height" data-bind="checked: menuEffect" />Slide In/Out
</div>
<div>
    <input type="checkbox" value="opacity" data-bind="checked: menuEffect" />Fade In/Out
</div>

我试图输出span标签中复选框的值,但是不能让它工作吗?

我的viewModel:

self.menuEffect: ko.observableArray(["max-height", "opacity"]);

任何想法都会非常有用吗?

1 个答案:

答案 0 :(得分:1)

我认为这是你想要实现的目标:jsfiddle.net/7ZC4v/3

唯一不同的是我将:更改为=

self.menuEffect= ko.observableArray(["max-height", "opacity"]);