有关checkbox的工作中所用体会

当你选中checkbox,它并不会动态的增加checked属性，所以，对于我这种小白，第一步属实难走，但也可以判断哪个checkbox被选中,借鉴网上的案例，自己在项目中实际应用了一下，发现，还挺好用的。总结如下：后台传过一个list 数组，在前台实现模糊查询，和选中功能，并添加选中的数据到域对象中。不用写后台，完全是对List数组的灵活变化.

这是一个button 且click 函数为 queding  单击时触发，

$scope.queding=function queding(list){

var idname=[];

for(var i=0;i<list.length;i++){

idname[i]="#"+list[i].depcode;

}

var j=0;

var depname=[];

for(var i=0;i<list.length;i++){

    if($(idname[i]).get(0).checked){

    depname[j]=list[i].depname;

    j++;

    }

}

if(depname!=null||depname!=''){

$scope.communicipaldep=depname.join(',');

$('#bmbutton').text($scope.communicipaldep);

console.log($scope.communicipaldep);

}

if(depname.length==0){

$('#bmbutton').text('请选择部门信息');

}

}   

$scope.queding=function queding(){

}

单击查询button触发此方法，此方法可以查询从后台传过来的list数组，里面包含了有关部门的信息，偷梁换柱，实现类似后台的模糊查询

$scope.chaxunhangyezhuguanbumen=function(chaxun){

var temp=[];

var listbm1=[];

var j=0;

$scope.listbm=$scope.listbm1;

var list1=$scope.listbm;

if(chaxun!=""){

console.log($scope.listbm);

for(var i=0;i<list1.length;i++){

if(list1[i].depname.includes(chaxun)==true){

var depcode=list1[i].depcode;

temp=list1[0];

listbm1[j]=list1[i];

j++;

//$('input[name= '+chaxun+']').attr('checked',true);

//alert("您已选择"+chaxun);

}

}

$scope.listbm=listbm1;

}else{

$scope.listbm=$scope.listbm1;

}

}