码迷,mamicode.com
首页 > 其他好文 > 详细

knockout checkbox 全选

时间:2018-07-17 18:18:47      阅读:506      评论:0      收藏:0      [点我收藏+]

标签:remove   全选   repo   change   port   mod   添加   bindings   array   

knockout checkbox 全选

 <input type=checkbox data-bind="checked:IsAll"/>全选
 <ul  data-bind="foreach: report">
            <li><input type="checkbox" name="re"  data-bind="value:key,checked:$parent.All" />
            <span data-bind="text: name"></span></li>
        </ul>

 

 viewModel = {  report: ko.observableArray([]),All: ko.observableArray([]), IsAll: ko.observable(false)};

 通过订阅机制

 $(function () {
            ko.applyBindings(viewModel);
            viewModel.IsAll.subscribe(function () {
                if (!viewModel.IsAll()) { viewModel.All.removeAll(); }
                else {
                    viewModel.All.removeAll();
                    $.each(viewModel.Current(), function (i, j) {  viewModel.All.push(j); })
                }
            }, null, "change");
        })

添加

viewModel.report.push({ key: SSO.key, name: SSO.value });

 

knockout checkbox 全选

标签:remove   全选   repo   change   port   mod   添加   bindings   array   

原文地址:https://www.cnblogs.com/lucika/p/9324392.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!