带CheckBox美化控件

<table class="positionTable commonListTable" id="positionTable">
<thead>
<tr><th class="w1"><input type="checkbox" id="allCheck" /></th>
</thead>
<tbody>
<tr class="bgor">
<td class="w1"><input type="checkbox" value="" /></td></tr>
</tbody>
</table>

<div class="pageWrap clearfix">
<ul class="allUL">
<li id="allCheck2">全选</li>
<li id="btnDelSel">职位删除</li>
</ul>
<div id="PositionsPageBar" class="xiPagination">
这里显示分页
</div>
</div>

//全选
$("#allCheck").click(function () {
var $this = $(this);
var $checkbox = $("#positionTable .bgor .w1 input.checkbox");
var $a = $("#positionTable .bgor .w1 .jqTransformCheckbox");
if ($this.attr("checked") == true || $this.attr("checked") == "checked") {
$checkbox.attr("checked", true);
$a.addClass("jqTransformChecked");
$("#allCheck2").text("反选");
} else {
$checkbox.removeAttr("checked");
$a.removeClass("jqTransformChecked");
$("#allCheck2").text("全选");
}
});
$("#allCheck2").click(function () {
var $this = $(this);
var $checkbox = $("#positionTable .w1 input.checkbox");
var $a = $("#positionTable .w1 .jqTransformCheckbox");
if ($this.text() == "全选") {
$checkbox.attr("checked", true);
$a.addClass("jqTransformChecked");
$this.text("反选");
$("#positionTable input[type=checkbox]").attr("checked", true);
} else {
$checkbox.removeAttr("checked");
$a.removeClass("jqTransformChecked");
$this.text("全选");
$("#positionTable input[type=checkbox]").attr("checked", false);
}
});

带CheckBox美化控件的表格全选的更多相关文章

  1. JS列表的下拉菜单组件(仿美化控件select)

    JS列表的下拉菜单组件(仿美化控件select) 2014-01-23 23:51 by 龙恩0707, 1101 阅读, 6 评论, 收藏, 编辑 今天是农历23 也是小年,在这祝福大家新年快乐!今 ...

  2. asp.net关于Repeater控件中的全选,批量操作

    今天在Repeater控件中碰到一个全选的操作,于是上网查了一下,找到一个觉得比较好,便记录下来, 界面代码简化之后(全选操作): <script type="text/javascr ...

  3. jQuery---prop方法和表格全选案例

    prop方法和表格全选案例 对于布尔类型的属性,不用attr方法,应该用prop方法 prop用法跟attr方法一样 <input type="button" value=& ...

  4. 在Indicator中添加动态Checkbox,无需绑定数据源,支持全选 - Ehlib学习(二)

    先做设置 DBGrideh属性设置: IndicatorOptions = [gioShowRowIndicatorEh, //小三角指示 gioShowRecNoEh, //数据源行号 gioSho ...

  5. javascript总结41:表格全选反选,经典案例详解

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  6. Android ListView 中加入CheckBox/RadioButton 选择状态保持、全选、反选实现

    最近在一个项目中,需要在ListView的item中加入CheckBox,但是遇到的一个问题是上下滑动的时候如果有选择了的CheckBox,就会出现选择项错误的问题,下面将个人的解决方法总结如下;先说 ...

  7. JS练习:表格全选与全不选

    代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title ...

  8. 【WPF】2、美化控件

    控件有默认样式,但是有时候默认样式并不够用,就需要美化. 1.常用的方法是美术出图,直接贴图进去,效果又好又简单(对程序来说). 用图片有三种方式:设置控件背景图片.设置控件内容为图片和直接使用图片做 ...

  9. asp.net GridView控件中诗选全选和全不选功能

    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...

随机推荐

  1. ASP.NET Core ---- 系列文章

    (13)ASP.NET Core 中的选项模式(Options) (12)ASP.NET Core 中的配置二(Configuration) (11)ASP.NET Core 中的配置一(Config ...

  2. 5、Python之包管理工具pip

    pip提供我们各色各样的软件(第三方库),而这些第三方库又可以给我们实现各种各样不同的功能,科学计算.画图.操作文件.聊天-- 我们可以通过Cmd终端.Pycharm.Jupyter三种平台使用pip ...

  3. GoLand——配置goproxy.io代理

    前言 由于众所周知的原因,也为了更好的下载go的包,所以找到了goproxy 配置 ctrl+alt+s->Go->Go Modules(vgo)->设置proxy为https:// ...

  4. shell脚本自动化安装pgsql10.5版本

    看到有个大佬写了个很实用的脚本,于是这里做了转载 #!/bin/bash #进入软件的制定安装目录 echo "进入目录/usr/local,下载pgsql文件" cd /usr/ ...

  5. ctx控制超时的使用

    cancel package main import ( "context" "fmt" "time" ) func gen(ctx con ...

  6. 安装python问题

    configure: error: in `/home/wangqianqian/Desktop/Python-3.6.7':configure: error: no acceptable C com ...

  7. POJ P2251 Dungeon Master 题解

    深搜,只不过是三维的. #include<iostream> #include<cstring> #include<cstdio> #include<algo ...

  8. S1_搭建分布式OpenStack集群_04 keystone认证服务安装配置

    一.新建数据库及用户(控制节点)# mysql -uroot -p12345678MariaDB [(none)]> CREATE DATABASE keystone;MariaDB [(non ...

  9. UFUN函数 UF_ATTR函数(UF_ATTR_assign ,UF_ATTR_read_value )

    UF_initialize(); tag_t ; ]="零件名称"; UF_ATTR_value_t value; value.type=UF_ATTR_string; value ...

  10. fastq 转换为 fasta

    使用 awk awk '{if(NR%4 == 1){print ">" substr($0, 2)}}{if(NR%4 == 2){print}}' XXX.fastq & ...