angularJS-checkbox

1.checkbox event:

function updateSelected(action, id) {
    var idx = selected.indexOf(id);
    if(action === 'add' && idx === -1) {
        selected.push(id);
    }
    if(action === 'add' && idx === -1) {
        selected.splice(idx, 1);
    }
}

isSeleected = function (id) {
    return selected.indexOf(id) >= 0;
}

updateSelection ($event, id) {
    var checkbox = $event.target;
    var action = (checkbox.checked ? "add" : "remove");
    updateSelected(action, id);
}

2.checkbox html:

<div ng-repeat="item in items">
    <input type="checkbox" id={{item.id}} name="{{item.name}}"
     value="{{item.id}}" 
     ng-click="updateSelection($event, item.id)" 
     ng-checked="isSelected(item.id}">{{item.name}}
</div>

 

posted @ 2018-06-26 17:07  Nyan  阅读(195)  评论(0编辑  收藏  举报