有關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;

}

}

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容