📜  ng-checked的替代方法,以在AngularJS中获取复选框的状态

📅  最后修改于: 2021-05-13 18:33:08             🧑  作者: Mango

任务是在AngularJS的帮助下获取复选框的状态。

方法:

  • ng-model用于获取选定的复选框。
  • 只需为ng-model设置不同的值,这些值将用于检查是否选择了元素。
  • 会弹出一个带有真实值的选定复选框的警报。

范例1:

HTML


  

    
  
    

  

    

        GeeksForGeeks     

          

        Alternative of ng-checked to get          the checkbox's state in AngularJS     

       
        
            
                Checkbox1 :                                  
                Checkbox2 :                 
                Checkbox3 :                 
                Checkbox4 :                 
                
                                
        
    
  


HTML


  

    
  
    

  

    

        GeeksForGeeks     

          

        Alternative of ng-checked to get the          checkbox's state in AngularJS     

       
        
            
                Checkbox1 :                                  
                Checkbox2 :                 
                Checkbox3 :                 
                Checkbox4 :                 
                
                                
               

Selected Checkboxes = {{selCheckboxes | json}}

        
    
  


输出:

  • 在单击按钮之前:

  • 单击按钮后:

范例2:

的HTML



  

    
  
    

  

    

        GeeksForGeeks     

          

        Alternative of ng-checked to get the          checkbox's state in AngularJS     

       
        
            
                Checkbox1 :                                  
                Checkbox2 :                 
                Checkbox3 :                 
                Checkbox4 :                 
                
                                
               

Selected Checkboxes = {{selCheckboxes | json}}

        
    
  

输出: