1. $scope.selectAll = false;
  2. //点击单选框的时候是不是全选
  3. $scope.checkIsAll = function(){
  4.  
  5. var wipeCheckBoxObj = $("input[name='wipeCheckBox']:checked");
  6.  
  7. if(wipeCheckBoxObj.length==$scope.dataLists.length){
  8. //全选
  9. $scope.selectAll = true;
  10. }else{
  11. $scope.selectAll = false;
  12. }
  13. }
  14.  
  15. //全选、取消全选
  16. $scope.checkAllBox = function(selectAll){
  17.  
  18. var wipeCheckBoxObj = $("input[name='wipeCheckBox']");
  19.  
  20. if(selectAll){
  21. wipeCheckBoxObj.prop("checked",true);
  22. /**最好不要用下面这个,因为这样会用问题!!!最开是的时候以为是jquery--1.6版本没有attr属性,只能用prop(),
        但是我换了高版本的jQuery有时候还是会出现问题,具体问题还不是很清楚,所以最好还是用prop这个属性吧*/
  23.  
  24. //wipeCheckBoxObj.attr("checked",true);
  25. }else{
  26. wipeCheckBoxObj.attr("checked",false);
  27. }
  28. }
  1. //删除全部选中的数据
  2. $scope.deleteAllSelectedDate = function(){
  3. var wipeCheckBoxObj = $("input[name='wipeCheckBox']:checked");
  4.  
  5. if(!wipeCheckBoxObj||wipeCheckBoxObj.length==0){
  6. return ;
  7. }else{
  8. var finacialValue = "";
  9. //获取选中数据的ID
  10. wipeCheckBoxObj.each(function(){
  11. finacialValue += ($(this).val()) + ",";
  12. });
  13.  
  14. //去掉最后一个逗号
  15. finacialValue =finacialValue.substr(0,finacialValue.length-1);
  16.  
  17. $http({
  18. url:'/ecp/financial/deleteAllSelectedWipeData',
  19. method:"DELETE",
  20. param:{
  21. "selectedWipeDatas":finacialValue
  22. }
  23. }).success(function(data){
  24. if(data=='true'){
  25. //删除成功之后给提示,并刷新数据!!!
  26. var objDiv = "objDiv";
  27. startObjMessage(objDiv);
  28. $scope.getAllAddedWipeoutData();
  29. }
  30. }).error(function(data){
  31. console.log("operateWipeoutCtrl批量删除数据失败!!!!");
  32. });
  33. }
  34. }
  1.  
  1.  
  1. <table class="table table-hover">
  2. <thead>
  3. <tr>
  4. <th class="col-md-1" style="text-align: center">
  5. <!--这里用ng-change比用ng-click要好!!!!!!!!!!ng-click触发了可能selectAll的值还没变,但是ng-change一定是selectAll的值改变了才会执行!!!!!!!-->
  6. <input type="checkbox" ng-model="selectAll" ng-change="checkAllBox(selectAll)">全选</th>
  7. <th class="col-md-1" style="text-align: center">单&nbsp;&nbsp;号</th>
  8. <th class="col-md-1" style="text-align: center">报&nbsp;销&nbsp;人</th>
  9. <th class="col-md-2" style="text-align: center">类目(用途)</th>
  10. <th class="col-md-2" style="text-align: center">项&nbsp;&nbsp;目</th>
  11. <th class="col-md-2" style="text-align: center">金&nbsp;&nbsp;额(元)</th>
  12. <!--<th class="col-md-1" style="text-align: center">类&nbsp;&nbsp;型</th>-->
  13. <th class="col-md-1" style="text-align: center">时&nbsp;&nbsp;间</th>
  14. <th class="col-md-2" style="text-align: center">操&nbsp;&nbsp;作</th>
  15. </tr>
  16. </thead>
  17. <tbody>
  18. <tr ng-model="topics" ng-repeat="item in dataLists">
  19. <td class="col-md-1" style="text-align: center"><input type="checkbox" ng-click="checkIsAll()" value="{{item.id}}" name="wipeCheckBox"></td>
  20. <td class="col-md-1" style="text-align: center"><span class="mr-badge red-bg">{{item.orderNumber}}</span></td>
  21. <td class="col-md-1" style="text-align: center"><span>{{item.reimbursement}}</span></td>
  22. <td class="col-md-2" style="text-align: center"><span title="{{item.category}}">{{item.category}}</span></td>
  23. <td class="col-md-2" style="text-align: center"><span ng-bind="item.project"></span></td>
  24. <td class="col-md-2" style="text-align: center"><span ng-bind="item.money"></span></td>
  25. <!--<td class="col-md-1" style="text-align: center"><span ng-bind="item.type"></span></td>-->
  26. <td class="col-md-1" style="text-align: center"><span ng-bind="item.createdOn"></span></td>
  27. <td class="col-md-2" style="text-align: center"><button class="btn btn-danger btn-xs" ng-click="deleteData(item.id,'objDiv')">删除</button>
  28. | <button class="btn btn-success btn-xs" ng-click="openPop(item)">编辑</button></td>
  29. </tr>
  30. <tr ng-if="dataLists.length==0||dataLists==''">
  31. <td class="col-md-2">暂无数据</td>
  32. </tr>
  33.  
  34. </tbody>
  35. </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. SVN版本控制与分支设置

    使用SVN+Eclipse做软件版本控制. (2009年5月) 1,SVN目录结构 Trunk : 主干目录,此目录下的文件为基准文件 Branches : 用于开发的分支目录 Tags : 用于发布 ...

  2. 【转】python编码的问题

    摘要: 为了在源代码中支持非ASCII字符,必须在源文件的第一行或者第二行显示地指定编码格式: # coding=utf-8 或者是: #!/usr/bin/python # -*- coding: ...

  3. HikariCP

    HiKariCP是数据库连接池的一个后起之秀,号称性能最好,可以完美地PK掉其他连接池. 为何要使用HiKariCP?这要先从BoneCP说起: 什么?不是有C3P0/DBCP这些成熟的数据库连接池吗 ...

  4. poj 2503(字符串)

    http://poj.org/problem?id=2503 题意:就是翻译,给你一个字典,然后再查找单词,找得到的就输出单词,找不到的输出eh,用Map水题一个,但这个题有点意思的就是输入的问题 # ...

  5. java16

    1:List的子类(掌握) (1)List的子类特点 ArrayList: 底层数据结构是数组,查询快,增删慢 线程不安全,效率高 Vector: 底层数据结构是数组,查询快,增删慢 线程安全,效率低 ...

  6. JVM内存管理------垃圾搜集器参数精解

    本文是GC相关的最后一篇,这次LZ只是罗列一下hotspot JVM中垃圾搜集器相关的重点参数,以及各个参数的解释.废话不多说,这就开始. 垃圾搜集器文章传送门 JVM内存管理------JAVA语言 ...

  7. spring jpa 实体互相引用返回restful数据循环引用报错的问题

    spring jpa 实体互相引用返回restful数据循环引用报错的问题 Java实体里两个对象有关联关系,互相引用,比如,在一对多的关联关系里 Problem对象,引用了标签列表ProblemLa ...

  8. 【XLL 框架库函数】 TempActiveColumn/TempActiveColumn12

    创建一个包含所有激活工作表列的 XLOPER/XLOPER12 LPXLOPER TempActiveColumn(BYTE col); LPXLOPER12 TempActiveColumn12(C ...

  9. spring 注解

    @Qualifier("XXX") 中的 XX是 Bean 的名称,所以 @Autowired 和 @Qualifier 结合使用时,自动注入的策略就从 byType 转变成 by ...

  10. [Android Pro] android控件ListView顶部或者底部也显示分割线

    reference to  :  http://blog.csdn.net/lovexieyuan520/article/details/50846569 在默认的Android控件ListView在 ...