當你選中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;
}
}