zoukankan      html  css  js  c++  java
  • 最简单实现复选框单选和全选

    例如:定义一个对象数组arr(数组中每个对象有属于自己的ID), 初始化对象$scope.flags={allcheck:false,checkLIst:{}};

    //初始化复选框

    function checkInit(){

      angular.forEach(arr,function(item){

        $scope.flag.checkList[item.id] = false;
      });

      $scope.flag.allcheck = false;

    }  

    checkInit();

    //进行单选操作

    $scope.checkTool=function(item){

      $scope.flag.allcheck=arr.every(function(item){

        return $scope.flag.checkList[item.id];

      });

    };

    //进行全选操作

    $scope.checkAllTool=function(){

      angular.forEach(arr,function(item){

        return $scope.flag.checkList[item.id] = $scope.flag.allcheck;

      });

    }; 

    //翻页不初始化复选框

    function notCheckInit(){

      angular.forEach(arr,function(item){

        if ($scope.flags.checkList[item.id]===undefined) {

          $scope.flags.checkList[item.id] = true;
        }
      });
      $scope.flags.allcheck=arr.every(function (item) {
         return $scope.flags.checkList[item.id];
      });

    }

  • 相关阅读:
    oracle数据库
    Filter过滤器
    Json
    监听器
    Ajax
    2018年5月14日java
    EL表达式&JSTL
    JSP
    2018年5月9日JAVA-servlet02
    如何解决写脚手架过程中遇到请求github的项目接口中出现API rate limit exceeded for的问题。
  • 原文地址:https://www.cnblogs.com/shixy1617/p/9145878.html
Copyright © 2011-2022 走看看