如何在选中复选框时将其值写入span

How to write value of a checkbox to a span when checked?

本文关键字：span 复选框      更新时间：2023-09-26

使用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标签输出复选框的值，但不能完全得到它的工作?

我的视图模型:

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

有什么好主意吗?

我认为这就是你想要达到的目标:jsfiddle.net/7ZC4v/3

唯一不同的是我把:换成了= 

self.menuEffect= ko.observableArray(["max-height", "opacity"]);
相关文章：