前端页面使用AngularJS框架的情况下如何判断复选框是否选中，以及向集合中添加和移除id

使用angularJS框架的话都需要引入angular.min.js文件，这个想必各位大佬都懂得，我就不多说了。

这里主要说说如何判断复选框是否选中，以及向集合中添加和移除id。

 

1、如果判断复选框被选中呢

一般我们在复选框中都是这样写：

    

首先在复选框的ng-click中的updateSelect方法里加入$event，这个$event代表的就是复选框控件本身。将复选框传给了updateSelect方法。这样我们在updateSelect中就可以这样做了：

$scope.selectIds=[];//用户勾选的id集合
            
            //用户勾选复选框
            $scope.updateSelect=function($event, id){
                if($event.target.checked){
                    
                }else{
                   
                }
            }

上面$event.target就是找到复选框对象，然后调用它的checked方法判断复选框有没有没勾选，值为true代表被勾选，值为false代表取消勾选。

 

2、怎样向selectIds集合中添加id值呢

调用push方法，如下：

$scope.selectIds.push(id);

 

3、怎样从selectIds集合中移除id呢

比如我们要删除一条数据，突然不想删了，取消了复选框的勾选，那怎么从selectIds中移除该条复选框的id值呢？

首先我们要在集合中找到id在集合中对于的位置

var index = $scope.selectIds.indexOf(id);

然后调用splice方法，如下：

$scope.selectIds.splice(index,1);//参数一：移除的位置，参数二：移除的元素个数

完整代码如下，仅供参考，

    
    
    
    
    
    
    
    
    
	
    
    
    

	
    


  
                    

                        
品牌管理
                    

                    


                        
                        


                            
                            

                                

                                    

                                         新建
                                         删除           
                                         刷新
                                    
                                
                            
                            

                                

							                                         
                                
                            
                            

			                  
			                  

			                      

			                          

			                              

			                                  
			                              
 
										  
品牌ID
									      
品牌名称
									      
									      
品牌首字母
									     				
					                      
操作
			                          
			                      
			                      

			                          

			                              
			                              
				                          
{{entity.id}}
									      
{{entity.name}}
									     
		                                  
{{entity.firstChar}}
		                                 
		                                  
                                           
		                                 	  修改                                           
		                                  
			                          
									  
			                      
			                  
			                       
			                  
			                                     
							  
							 
                        
                        
                        
                        
                        
                        
                     
                    
         


  

	

		

			×
			
品牌编辑
		
		
		
			

		      	

		      		
品牌名称
		      		
  
		      	
		      	
		      	

		      		
首字母
		      		
  
		      	
		      	
			 
				
		
		
						
			保存
			关闭