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>
时间: 2024-10-29 19:09:44

JQuery全选Prop(“check”,true)和attr("attr",true)区别的相关文章

jquery全选,jquery全不选,jquery反选

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <title>全选,不全选,反选</title> <script src="js/jquery.js" type="text/j

jQuery 全选与反选时出现的bug!

今天在写项目,使用jQuery1.10.2 发现一个小小的bug, 在设置checked属性时,前两次反选的时候是正常的,后面均不正确,通过调试, 准确的说应该是只有第一次是正确的,在第二次单击时,事件快完成的时候的运行的流程有点奇怪.所以自己感觉这么 成熟的框架不应该出现这个问题,于是又将1.11.1版本下载下来,也是jQuery1的最新版本测试,同样末果,问题依 然存在,使用标准的document.getElementById, 直接设置值是没有问题的. 我本人根据测试,应该是jQuery的

jquery 全选 反选 取消 批量删除

首选引入jquery 全选 //全选 function myall(){ $("input[name='d[]']").each(function(index,e){ $(this).prop('checked',true); }); } 取消 //当true改为false时为取消 // function no(){ // $("input[name='d[]']").each(function(index,e){ // $(this).prop('checked'

jquery全选、反选、全不选

jquery全选.反选.全不选简单实现 Jquery代码 !function ($) { //全选 反选 全不选 $("#selAll").click(function () { $(".lists :checkbox").not(':disabled').prop("checked", true); }); $("#unSelAll").click(function () { $(".lists :checkbox

Jquery全选,Jquery全不选,Jquery反选

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>全选,不全选,反选</title&g

jquery全选小功能

背景需求:全选,取消全选,以及全部选中后自动勾选全选,全选后取消一个时同时自动取消全选(不知道怎么描述这个功能,就这么解释吧...) html代码如下: <input type="checkbox" id="checkAll" name="checkAll"/>全选 <input type="checkbox" name="check" value="1"/>1

jQuery全选反选插件的写法

jQuery全选反选插件,经易让你实现一个表单列表数据的全选与取消全选功能,内含示例,小巧实用.自动判断当前选中数量,加上全选.在没有jQuery之前,我们需要一大段js代码来实现这种效果.有了jQuery这个强大的库之后,我们可以很方便的开发实现这种效果的jQuery插件.我将它命名为jQuery.fn.check插件.前端框架分享 在构建我们的插件之前,我们想考虑一下其功能需求: 所有复选框的状态都随全选复选框的状态而发生变化:如果所有复选框都被选中时,全选复选框立即处于选中状态:如果当前选

jquery全选、删除所选

--------------全选:<label><input type="checkbox" id="all"/>全选</label><script> var status = true; $("#all").click(function(){ if(status){ $("#selectAll input[type=checkbox]").each(function(){ $(

jquery全选,取消全选

最近项目又用到了这个全选和取消全选的操作. 以前总是自己写纯JS.现在既然知道怎么写了.那如何用JQ写得更简洁呢.这样也能学到新的东西.如果乎百度一下果然发现了好东东.感谢OSC的iuhoay. 代码如下: [javascript] view plaincopy <script type="text/javascript" src="/web/bzz_index/password/js/jquery-1.7.1.min.js"></script&g