zoukankan      html  css  js  c++  java
  • knockout 与checkbox联动

    knockout 通过teplate实现简单的代码实现复杂的操作绑定checkbox,代码如下自我感觉很赞!!!

    前台HTml

    <ul data-bind="template: { name: 'choiceTmpl', foreach: choices, templateOptions: { selections: selectedChoices } }">
    </ul>
    <script id="choiceTmpl" type="text/html">
     < li > <input type = "checkbox"data - bind = "attr: { value: $data }, checked: $item.selections" / ><span data - bind = "text: $data" > </span>     </li >
    </script>
    <hr />
    <div data-bind="text: ko.toJSON(selectedChoices)">
    </div>
    <hr />
    <div data-bind="text: selectedChoicesDelimited">
    </div>

    前台JS

    var viewModel = {     choices: ["one", "two", "three", "four", "five"],     selectedChoices: ko.observableArray(["two", "four"]) };

    viewModel.selectedChoicesDelimited = ko.dependentObservable(function() {     return this.selectedChoices().join(","); }, viewModel);

    ko.applyBindings(viewModel);

    在线Fiddle演示如下

    http://jsfiddle.net/rniemeyer/Jm2Mh/

  • 相关阅读:
    第十一作业
    第十次作业
    06 逻辑回归
    05 线性回归算法
    04 K均值算法--应用
    03 K均值算法
    02 机器学习相关数学基础
    01 机器学习概述
    15 语法制导的语义翻译
    014 算符优先分析
  • 原文地址:https://www.cnblogs.com/brucehome/p/3249689.html
Copyright © 2011-2022 走看看