zoukankan      html  css  js  c++  java
  • angularJS 全选反选批量删除

    <th>
    <label for="flag">
    <span ng-hide="master">全选</span>
    <span ng-show="master">取消全选</span>
    <input type="checkbox" ng-model="master" ng-click="all(master,$data)">
    </label>
    </th>

    <td >
    &#8194@*<input type="checkbox" ng-checked="selectAll" ng-model="persons" ng-click="static(persons)">*@
    <input id={{row}} type="checkbox" ng-model="x" ng-checked="master" ng-click="chk(row,x)">
    </td>

    -----------------------row代表行数据---------------------------------------------------

    $scope.choseArr = [];//定义数组用于存放前端显示
    var str = "";//
    var flag = '';//是否点击了全选,是为a
    $scope.x = false;//默认未选中
    $scope.all = function (c, v) {//全选
    if (c == true) {
    $scope.x = true;
    $scope.choseArr = v;
    for (var i = 0; i < v.length; i++) {
    str = str + v[i].PID + ',';
    }
    $scope.choseArr = (str.substr(0, str.length - 1)).split(',');
    } else {
    $scope.x = false;
    $scope.choseArr = [""];
    str = "";
    }
    flag = 'a';
    };
    $scope.chk = function (z, x) {//单选或者多选
    if (flag == 'a') {//在全选的基础上操作
    //str = $scope.choseArr.join(',') + ',';
    }
    if (x == true) {//选中
    str = str + z.PID + ',';
    } else {
    str = str.replace(z.PID + ',', '');//取消选中
    }
    $scope.choseArr = (str.substr(0, str.length - 1)).split(',');
    };

    ///批量删除
    $scope.batchBelete = function () {
    if ($scope.choseArr[0] == "" || $scope.choseArr.length == 0) {//没有选择一个的时候提示
    alert("请至少选中一条数据再操作!")
    return;
    };
    var id = "";
    for (var i = 0; i < $scope.choseArr.length; i++) {
    //alert($scope.choseArr[i]);
    console.log($scope.choseArr[i]);//遍历选中的id
    id = id + $scope.choseArr[i] + ',';
    }
    var Jid = (id.substr(0, id.length - 1)).split(','); //去掉小数点最后一位
    $http({
    url: '/NGtext/BatchDeleteJsonData',
    method: 'post',
    params: {
    jid: Jid
    }
    }).success(function (data) {
    if (data == "ok") {
    window.history.go(0); //刷新页面
    alert("Batch delete successful");

    }
    });
    };

  • 相关阅读:
    Ansible template中j2文件调用var中定义变量报错解决办法
    Ansible 获取hosts中的分组ip
    VUE UI网站汇总
    vue rules详解与实例
    Python 获取设备ip地址
    Flask && Vue 虚拟机申请平台(从开发到部署)
    Vue 把获取到的可编辑表格的值传给后端
    SQLAlchemy基本使用,创建表,增删改查
    Ansible 角色(roles)一键部署redis集群(三主三从)
    Flask 数据库相关操作
  • 原文地址:https://www.cnblogs.com/manwwx129/p/6867700.html
Copyright © 2011-2022 走看看