knockout checkbox 全选
2024-10-16 00:08:10
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 });
最新文章
- Spark 生态系统组件
- 使用subclass UIActivity的方案来分享图片
- Android Studio教程--给Android Studio安装Genymotion插件
- Jquery Data Table插件
- Everything文件名实时搜索||解决局域网文件共享问题
- 单元测试--四则运算2程序(c++)
- php中curl的详细解说(转载)
- jQuery: 图片不完全按比例自动缩小
- dom4j处理xml文件,读取xml字符串,格式化xml文件
- C++单例模板
- WinAPI——Windows 消息
- oracle序列详解
- 编程算法 - 区间调度问题 代码(C)
- 生产环境-jvm内存溢出-jprofile问题排查
- 终端的CTRL+S 解说
- Java I/O---获取文件目录并写入到文本
- 高可用之KeepAlived(2):keepalived+lvs
- SpringBoot@GeneratedValue 四种参数
- jstl,el表达式
- 【评分】BETA 版冲刺前准备