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">单 号</th>
<th class="col-md-1" style="text-align: center">报 销 人</th>
<th class="col-md-2" style="text-align: center">类目(用途)</th>
<th class="col-md-2" style="text-align: center">项 目</th>
<th class="col-md-2" style="text-align: center">金 额(元)</th>
<!--<th class="col-md-1" style="text-align: center">类 型</th>-->
<th class="col-md-1" style="text-align: center">时 间</th>
<th class="col-md-2" style="text-align: center">操 作</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)区别的更多相关文章
- Jquery全选系列操作(锋利的jQuery)
Jquery全选系列操作(锋利的jQuery) <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" ...
- Jquery全选与反选checkbox(代码示例)
今天在公司要实现操作权限的功能,需要根据左边的树,选择一项,判断右边的操作权限,例如,增加,修改,删除,查看等按钮的显示与隐藏: 这个功能实现思路如下: 1.操作权限:增加.修改等按钮的ID和Text ...
- jquery全选框的实现
函数实现的话: head里加入函数实现 <script language="javascript" type="text/javascript"> ...
- 基于jquery 全选、反选、各行换色、单击行选中事件实现代码
<script language="javascript"> $(document).ready(function(){ //各行换色 $('table tr:odd' ...
- jquery全选,取消全选
近期项目又用到了这个全选和取消全选的操作. 曾经总是自己写纯JS.如今既然知道怎么写了.那怎样用JQ写得更简洁呢.这样也能学到新的东西.假设乎百度一下果然发现了好东东.感谢OSC的iuhoay. 代码 ...
- Jquery全选单选功能
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm6.aspx. ...
- Jquery 全选、反选问题解析
最近工作中,需要使用Jquery实现复选框的全选和反选,本人虽然不是专职撸前端的,但这个小问题感觉也没什么难度,下面直接上代码: <div id="list"> < ...
- jQuery 全选 反选 单击行改变背景色
我先把CSS样式放出来,其实这个可以直接忽略 ;;font-size:12px;font-family:微软雅黑;} .datagrid{width:100%;} .datagird tr th{ba ...
- jQuery全选、全不选、反选的简洁写法【实例】
全选方面的功能几乎是每个需要列表展示的网站所必不可少的,当然此功能也有很多种写法,现在介绍一下,比较简洁易懂的写法: <input type="checkbox" name= ...
随机推荐
- JavaScript创建对象及对象继承
面向对象的语言有一个标志,那就是他们都有类的概念,而通过类可以创建任意多个具有相同属性和方法的对象.但是在ECMAScript中没有类的概念,因此它的对象也与基于类的对象有所不同.实际上,JavaSc ...
- 使用python列表推导式进行99乘法表
首先这很python for i in range(1, 10): print(" ".join(["%d*%d=%d" % (j, i, i*j) for j ...
- Android Killer工具用法
一.工程信息 工程信息主要是解析的AndroidManifest文件 二.工程管理器 三.配置插入代码 在代码中点右键就可以一键插入代码了 四.字符串搜索功能 支持正则, 比jeb搜索功能强大 来自为 ...
- CSS自适应布局(左右固定 中间自适应或者右侧固定 左侧自适应)
经常在工作中或者在面试中会碰到这样的问题,比如我想要个布局 右侧固定宽度 左侧自适应 或者 三列布局 左右固定 中间自适应的问题. 下面我们分别来学习下,当然我也是总结下而已,有如以下方法: 一: 右 ...
- SpringMVC与Ajax交互
1 springmvc和ajax的交互 1.1 请求字符串响应json 客户端发送的数据:key=value&key1=value1 响应回来:json 1.1.1json的支持jar包 1 ...
- SQL中inner join、outer join和cross join的区别
对于SQL中inner join.outer join和cross join的区别简介:现有两张表,Table A 是左边的表.Table B 是右边的表.其各有四条记录,其中有两条记录name是相同 ...
- “ifstream” 未声明的标识符
#include <fstream> 还要加入: using namespace std;
- iOS 状态栏隐藏显示
在 info.plist 文件中 配置 View controller-based status bar appearance 对应的值为 NO 这样可以使用 application 对象来设置 状态 ...
- delphi.memory.分配及释放---New/Dispose, GetMem/FreeMem及其它函数的区别与相同
我估摸着内存分配+释放是个基础函数,有些人可能没注意此类函数或细究,但我觉得还是弄明白的好. 介绍下面内存函数前,先说一下MM的一些过程,如不关心可忽略: TMemoryManager = recor ...
- Knockout.js随手记(4)
动态绑定下拉列表 在<select> data-bind的options选项如果绑定到ko.observableArray(),就可以动态新增选项效果,也就是可以利用其完成常见的级联效果的 ...