拨动开关的Knockout绑定

Knockout binding for toggle switch

本文关键字:Knockout 绑定 开关      更新时间:2023-09-26

我需要将jquery切换开关与淘汰的可观察器绑定,请帮助我找到正确的方法,因为我的方法不工作

我的html文件看起来像:

HTML:

<select name="toggleswitch1" id="toggleswitch1" data-theme="b" data-role="slider" data-bind="option:activateNotification">
    <option value="false">No</option>
    <option value="true">Yes</option>

视图模型为:

Javascript:

function selectVM(){
    self = this;
    self.activateNotification = ko.observable(true);
}

不能100%确定您要做什么,但如果您试图绑定所选选项,则必须使用value: activateNotification

这里有一个小小提琴:http://jsfiddle.net/9X5j8/

Html:

<select name="toggleswitch1" id="toggleswitch1" 
data-theme="b" data-role="slider" 
data-bind="value:activateNotification">
<option value="false">
     No
</option>
<option value="true">
  Yes
</option>
</select>
    <span data-bind="text :activateNotification"></span>

JS:

function selectVM(){
   self = this;
   self.activateNotification = ko.observable(true);
}
var vm = new selectVM();
ko.applyBindings(vm);

您可能希望将与select的第一个选项相同的默认值赋予您的observable。