avalonjs 学习笔记1---checkbox

<table ms-controller=" duplex1" border="1">
    <tr>
        <td><input type="checkbox"  ms-duplex-checked="@allchecked"  data-duplex-changed="@checkAll"/>全选</td>
    </tr>
    <tr ms-for="($index, el) in @data">
        <td><input type="checkbox" ms-duplex-checked="el.checked" data-duplex-changed="@checkOne" />{{$index}}::{{el.checked}}</td>
    </tr>
</table>

var vm = avalon.define({
    $id: "duplex1",
    data: [{checked: false}, {checked: false}, {checked: false}],
    allchecked: false,
    checkAll: function (e) {//全选改变，则每一个都改变成和全选一样的,用forEach循环改变
        var checked = e.target.checked;
        vm.data.forEach(function (el) {
            el.checked = checked
        })
    },
    checkOne: function (e) {//每一个改变，若没选中，则全选是false,即没选中；若选中，判断其他每一个是否都选中，若选中，则全选是true
        var checked = e.target.checked
        if (checked === false) {
            vm.allchecked = false
        } else {//avalon已经为数组添加了ecma262v5的一些新方法
            vm.allchecked = vm.data.every(function (el) {//every 判断数组是否满足条件，如果满足，返回true,如果不满足，返回false,不继续寻找
　　　　　　　　return el.checked 
　　　　　　}) 
　　　　} 
　　} 
})