angular_checkbox事件

需求描述：

复选框，点击时勾选，再次点击是取消勾选，数组值跟着变化

 

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

}