$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>

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

  1. Jquery全选系列操作(锋利的jQuery)

    Jquery全选系列操作(锋利的jQuery) <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" ...

  2. Jquery全选与反选checkbox(代码示例)

    今天在公司要实现操作权限的功能,需要根据左边的树,选择一项,判断右边的操作权限,例如,增加,修改,删除,查看等按钮的显示与隐藏: 这个功能实现思路如下: 1.操作权限:增加.修改等按钮的ID和Text ...

  3. jquery全选框的实现

    函数实现的话: head里加入函数实现 <script language="javascript" type="text/javascript"> ...

  4. 基于jquery 全选、反选、各行换色、单击行选中事件实现代码

    <script language="javascript"> $(document).ready(function(){ //各行换色 $('table tr:odd' ...

  5. jquery全选,取消全选

    近期项目又用到了这个全选和取消全选的操作. 曾经总是自己写纯JS.如今既然知道怎么写了.那怎样用JQ写得更简洁呢.这样也能学到新的东西.假设乎百度一下果然发现了好东东.感谢OSC的iuhoay. 代码 ...

  6. Jquery全选单选功能

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm6.aspx. ...

  7. Jquery 全选、反选问题解析

    最近工作中,需要使用Jquery实现复选框的全选和反选,本人虽然不是专职撸前端的,但这个小问题感觉也没什么难度,下面直接上代码: <div id="list"> < ...

  8. jQuery 全选 反选 单击行改变背景色

    我先把CSS样式放出来,其实这个可以直接忽略 ;;font-size:12px;font-family:微软雅黑;} .datagrid{width:100%;} .datagird tr th{ba ...

  9. jQuery全选、全不选、反选的简洁写法【实例】

    全选方面的功能几乎是每个需要列表展示的网站所必不可少的,当然此功能也有很多种写法,现在介绍一下,比较简洁易懂的写法: <input type="checkbox" name= ...

随机推荐

  1. js判断本地是否安装app

    var ua = navigator.userAgent.toLowerCase(); 1.判断是否是微信 function isWeixinBrowser() { return (/micromes ...

  2. 听说awk语言也可以编写脚本

    导读 从 awk 系列开始,我们都是在命令行或者脚本文件里写一些简短的 awk 命令和程序.然而 awk 和 shell 一样也是一个解释型语言.通过从开始到现在的一系列的学习,你现在能写可以执行的 ...

  3. (原)android的alertdialog中加入edittext但是不弹出软键盘等问题的解决与原因

    摘要:alertdialog中加入edittext但是不弹出软键盘等问题网上有很多不管用的解决方案, 本文意在给出更有效的解决办法,并初步探究其原因 正文 在对话框中插入文本框是十分常见的需求 通常我 ...

  4. java基本算法之快速排序

    快速排序:是找出一个元素(理论上可以随便找一个)作为基准(pivot),然后对数组进行分区操作,使基准左边元素的值都不大于基准值,基准右边的元素值 都不小于基准值,如此作为基准的元素调整到排序后的正确 ...

  5. javascript 中的 bind (编辑中。。。。)

    这篇文章说的非常好!http://my.oschina.net/blogshi/blog/265415 我的体会就是,函数中的this,指的是运行时,它是被哪个对象调用的.因为javascrpit的函 ...

  6. HTML5 声明兼容IE的写法(转载)

    HTML5 声明兼容IE的写法(转载)   1 2 3 4 5 6 7 8 9 10 <!DOCTYPE html> <!--[if IE]> <meta http-eq ...

  7. 腾讯QQ形象18年变迁史,最早的QQ企鹅形象居然长这样!

    1999年,腾讯创建之初,这是当时QQ的形象,现在看起来很滑稽,又高又瘦.当时公司并没有专职的设计师,所以这个形象就凑合着用了. 后来,腾讯也觉着上一个形象做的不是特别好,于是在2000年的时候,公司 ...

  8. 解决ssh远程登陆linux显示-bash-4.1$

    cp -pr /etc/skel/.bash* /home/test/ #/home/test是用户目录改变用户家目录:usermod -md /tmptest test

  9. Python yield 使用浅析

    转载来自: http://www.ibm.com/developerworks/cn/opensource/os-cn-python-yield/ 初学 Python 的开发者经常会发现很多 Pyth ...

  10. MIS系统开发利器,实施、维护人员自定义报表的福音,AgileEAS.NET SOA平台动态报表指南

    一.前言 AgileEAS.NET SOA 中间件平台是一款基于基于敏捷并行开发思想和Microsoft .Net构件(组件)开发技术而构建的一个快速开发应用平台.用于帮助中小型软件企业建立一条适合市 ...