需求描述:
复选框,点击时勾选,再次点击是取消勾选,数组值跟着变化
jsp:
<tr data-ng-repeat="data in pagedResultInfo.list">
<td data-ng-click="ckEvent(this,'{{data.id}}');">
<label>
<input type="checkbox" name="ckdict" data-ng-checked="isSelected(data.id)" >
</label>
</td>
<td data-ng-click="queryValuePagedResult('{{data.id}}');"><a href="#">{{data.name}}</a></td>
<td>{{data.description}}</td>
</tr>
js
/**
* checkbox事件
*/
var ckvalues=[];
var datas=[];//方便移除数据使用
Array.prototype.indexOf = function(val) {
for (var i = 0; i < this.length; i++) {
if (this[i] == val)
return i;
}
return -1;
};
Array.prototype.remove = function(val) {
var index = this.indexOf(val);
if (index > -1) {
this.splice(index, 1);
}
};
$scope.ckEvent=function($event, id){
$scope.isSelected = function(id){
return ckvalues.indexOf(id)!=-1;
}
if(ckvalues.indexOf(id)>=0){
ckvalues.remove(id);
datas.remove($event.data);
}else{
ckvalues.push(id);
datas.push($event.data);
}
// console.log(ckvalues);
// console.log(datas);
}