knockout checkbox 全選

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 });

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章