zoukankan      html  css  js  c++  java
  • JQuery全选Prop(“check”,true)和attr("attr",true)区别

    $scope.selectAll = false;
    //点击单选框的时候是不是全选
    $scope.checkIsAll = function(){
    
        var wipeCheckBoxObj = $("input[name='wipeCheckBox']:checked");
    
    
        if(wipeCheckBoxObj.length==$scope.dataLists.length){
            //全选
            $scope.selectAll = true;
        }else{
            $scope.selectAll = false;
        }
    }
    
    //全选、取消全选
    $scope.checkAllBox = function(selectAll){
    
        var wipeCheckBoxObj = $("input[name='wipeCheckBox']");
    
        if(selectAll){
             wipeCheckBoxObj.prop("checked",true);
            /**最好不要用下面这个,因为这样会用问题!!!最开是的时候以为是jquery--1.6版本没有attr属性,只能用prop(),
        但是我换了高版本的jQuery有时候还是会出现问题,具体问题还不是很清楚,所以最好还是用prop这个属性吧
    */ //wipeCheckBoxObj.attr("checked",true); }else{ wipeCheckBoxObj.attr("checked",false); } }

    //删除全部选中的数据
    $scope.deleteAllSelectedDate = function(){
        var wipeCheckBoxObj = $("input[name='wipeCheckBox']:checked");
    
        if(!wipeCheckBoxObj||wipeCheckBoxObj.length==0){
            return ;
        }else{
            var finacialValue = "";
            //获取选中数据的ID
            wipeCheckBoxObj.each(function(){
                 finacialValue += ($(this).val()) + ",";
            });
    
            //去掉最后一个逗号
            finacialValue =finacialValue.substr(0,finacialValue.length-1);
    
            $http({
                url:'/ecp/financial/deleteAllSelectedWipeData',
                method:"DELETE",
                param:{
                    "selectedWipeDatas":finacialValue
                }
            }).success(function(data){
                if(data=='true'){
                    //删除成功之后给提示,并刷新数据!!!
                    var objDiv = "objDiv";
                    startObjMessage(objDiv);
                    $scope.getAllAddedWipeoutData();
                }
            }).error(function(data){
                console.log("operateWipeoutCtrl批量删除数据失败!!!!");
            });
        }
    }
    
    
    





    <table class="table table-hover">
        <thead>
        <tr>
            <th class="col-md-1" style="text-align: center">
                <!--这里用ng-change比用ng-click要好!!!!!!!!!!ng-click触发了可能selectAll的值还没变,但是ng-change一定是selectAll的值改变了才会执行!!!!!!!-->
                <input type="checkbox" ng-model="selectAll" ng-change="checkAllBox(selectAll)">全选</th>
            <th class="col-md-1" style="text-align: center">单&nbsp;&nbsp;号</th>
            <th class="col-md-1" style="text-align: center">报&nbsp;销&nbsp;人</th>
            <th class="col-md-2" style="text-align: center">类目(用途)</th>
            <th class="col-md-2" style="text-align: center">项&nbsp;&nbsp;目</th>
            <th class="col-md-2" style="text-align: center">金&nbsp;&nbsp;额(元)</th>
            <!--<th class="col-md-1" style="text-align: center">类&nbsp;&nbsp;型</th>-->
            <th class="col-md-1" style="text-align: center">时&nbsp;&nbsp;间</th>
            <th class="col-md-2" style="text-align: center">操&nbsp;&nbsp;作</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-model="topics" ng-repeat="item in dataLists">
            <td class="col-md-1" style="text-align: center"><input type="checkbox"  ng-click="checkIsAll()" value="{{item.id}}" name="wipeCheckBox"></td>
            <td class="col-md-1" style="text-align: center"><span class="mr-badge red-bg">{{item.orderNumber}}</span></td>
            <td class="col-md-1" style="text-align: center"><span>{{item.reimbursement}}</span></td>
            <td class="col-md-2" style="text-align: center"><span title="{{item.category}}">{{item.category}}</span></td>
            <td class="col-md-2" style="text-align: center"><span ng-bind="item.project"></span></td>
            <td class="col-md-2" style="text-align: center"><span ng-bind="item.money"></span></td>
            <!--<td class="col-md-1" style="text-align: center"><span ng-bind="item.type"></span></td>-->
            <td class="col-md-1" style="text-align: center"><span ng-bind="item.createdOn"></span></td>
            <td class="col-md-2" style="text-align: center"><button class="btn btn-danger btn-xs" ng-click="deleteData(item.id,'objDiv')">删除</button>
                | <button class="btn btn-success btn-xs"  ng-click="openPop(item)">编辑</button></td>
        </tr>
        <tr ng-if="dataLists.length==0||dataLists==''">
            <td class="col-md-2">暂无数据</td>
        </tr>
    
        </tbody>
    </table>
  • 相关阅读:
    javascript定义
    JavaScript学习笔记
    PostgreSQL数据库配置
    python 时间戳转时间 timestamp to time
    WebGIS:Vue+Flask+PostGIS+Geoserver开发环境配置
    GeoServer环境配置
    Vue前端环境配置
    Flask后端环境配置
    1.顺序表
    汇编语法--AT&T VS. intel
  • 原文地址:https://www.cnblogs.com/zml-java/p/6215672.html
Copyright © 2011-2022 走看看