首页 > 其他 > 详细

knockout checkbox 全选

时间:2018-07-17 17:25:25      阅读:655      评论:0      收藏:0      [点我收藏+]

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 全选

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!