实现checkbox全选打钩及消除,点击单个checkbox打钩及消除JS代码实现
来源:互联网 发布:大数据探索性分析 编辑:程序博客网 时间:2024/05/01 20:48
<script type="text/javascript">
$(function(){
$('.checkbox3').bind('click',function(){
var _this = $(this);
var checkCss = 'url(/App/Modules/Notice/Public/Img/bullelin.png) 0 -144px no-repeat';
var noCheckCss = 'url(/App/Modules/Notice/Public/Img/bullelin.png) 0 -94px no-repeat';
var flag = _this.attr('x-data');
var nowFlag = 0;
if(flag==0){
nowFlag = 1;
_this.attr('x-data',nowFlag);
_this.css('background',checkCss);
}else{
nowFlag = 0;
_this.attr('x-data',nowFlag);
_this.css('background',noCheckCss);
}
/*全选*/
var notAll = false;
if(_this.attr('title')=='全选'){
$('.checkbox3').attr('x-data',nowFlag);
if(nowFlag==1){
$('.icon_delete').css('display','inline-block');
$('.checkbox3').css('background',checkCss);
}else{
$('.icon_delete').css('display','none');
$('.checkbox3').css('background',noCheckCss);
}
return false;
}
/*非全选*/
if(nowFlag==1){
$('.icon_delete').css('display','inline-block');
_this.css('background',checkCss);
}else{
$('.icon_delete').css('display','none');
_this.css('background',noCheckCss);
}
});
});
</script>
$(function(){
$('.checkbox3').bind('click',function(){
var _this = $(this);
var checkCss = 'url(/App/Modules/Notice/Public/Img/bullelin.png) 0 -144px no-repeat';
var noCheckCss = 'url(/App/Modules/Notice/Public/Img/bullelin.png) 0 -94px no-repeat';
var flag = _this.attr('x-data');
var nowFlag = 0;
if(flag==0){
nowFlag = 1;
_this.attr('x-data',nowFlag);
_this.css('background',checkCss);
}else{
nowFlag = 0;
_this.attr('x-data',nowFlag);
_this.css('background',noCheckCss);
}
/*全选*/
var notAll = false;
if(_this.attr('title')=='全选'){
$('.checkbox3').attr('x-data',nowFlag);
if(nowFlag==1){
$('.icon_delete').css('display','inline-block');
$('.checkbox3').css('background',checkCss);
}else{
$('.icon_delete').css('display','none');
$('.checkbox3').css('background',noCheckCss);
}
return false;
}
/*非全选*/
if(nowFlag==1){
$('.icon_delete').css('display','inline-block');
_this.css('background',checkCss);
}else{
$('.icon_delete').css('display','none');
_this.css('background',noCheckCss);
}
});
});
</script>
0 0
- 实现checkbox全选打钩及消除,点击单个checkbox打钩及消除JS代码实现
- C# 中TreeView 控件实现点击CheckBoX自动打钩的事件
- js实现checkbox全选
- js实现checkbox全选
- checkbox全选,js实现
- JS实现checkbox全选
- js实现checkbox全选和全不选代码
- checkBox全选及提交JS
- js实现checkbox全选功能
- JS的checkbox实现全选
- vue.js实现checkbox全选
- JS 实现checkbox 全选 全不选
- checkbox全选javascript代码实现
- jsp实现checkbox全选,js实现checkbox全选
- checkbox全选/取消全选以及checkbox遍历jQuery实现代码
- checkbox中全选和全不选的JS代码实现
- checkbox中全选和全不选及单选的实现
- 多选按钮CheckBox及全选的实现
- 北邮OJ 431
- repo 的用法
- C++对C的加强 总结(2)
- zoj 1081
- 【LeetCode】Binary Tree Postorder Traversal 二叉树后序遍历递归以及非递归算法
- 实现checkbox全选打钩及消除,点击单个checkbox打钩及消除JS代码实现
- LINUX多线程读写同一个文件 加锁
- OSGI(2)框架的组件运行机制
- zookeeper qa
- C++对C的加强 总结(3)
- jquery-validation 使用
- 推荐的75本经典书籍
- 【高手回避】poj3268,一道很水的dijkstra算法题
- jquery-uploadify3.2使用心得