下面小编就为大家带来一篇利用jQuery实现CheckBox全选/全不选/反选的简单代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。
jQuery有些版本中实现CheckBox全选/全不选/反选会有bug，经测试jquery-1.3.1.js–>测试通过，jquery-1.5.1.js–>测试不通过。
实现CheckBox全选/全不选/反选代码如下：
代码如下:
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>复选框全选/全不选/反选</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript"
src="<%=request.getContextPath()%>/js/jquery-1.3.1.js"></script>
<script type="text/javascript">
/**
* 全选
*
* items 复选框的name
*/
function allCkb(items){
$('[name='+items+']:checkbox').attr("checked", true);
}
/**
* 全不选
*
*/
function unAllCkb(){
$('[type=checkbox]:checkbox').attr('checked', false);
}
/**
* 反选
*
* items 复选框的name
*/
function inverseCkb(items){
$('[name='+items+']:checkbox').each(function(){
//此处用jq写法颇显啰嗦。体现不出JQ飘逸的感觉。
//$(this).attr("checked", !$(this).attr("checked"));
//直接使用js原生代码，简单实用
this.checked=!this.checked;
});
}
</script>
</head>
<body>
<input type='checkbox' name='ckb' value="0"/>白羊座
<input type='checkbox' name='ckb' value="1"/>狮子座
<input type='checkbox' name='ckb' value="2"/>水瓶座
<input type='checkbox' name='ckb' value="3"/>射手座<br/>
<input type="button" onclick="allCkb('ckb')" value="全 选"/>
<input type="button" onclick="unAllCkb()" value="全不选"/>
<input type="button" onclick="inverseCkb('ckb')" value="反 选"/>
</body>
</html>
以上这篇利用jQuery实现CheckBox全选/全不选/反选的简单代码就是小编分享给大家的全部内容了，希望能给大家一个参考
- 校园文化建设总结
- 初中美术社团活动总结
- 仓库主管的工作总结
- 2014年学校工会工作总结
- 民间股神秘技传授如何购买股票
- 如何在盘中抓住个股起涨的信号
- 中学生安全工作总结
- 如何增加抄底成功的概率
- 2015年科研工作总结
- 买入时机的判断
- 小学美术年度考核总结
- 仓库主管转正工作总结
- 仓库管理年终工作总结
- 教师阅览室工作总结
- 仓库管理半年工作总结
- 仓库管理员的工作总结
- 仓库管理个人工作总结
- 中班上安全工作总结
- 工作总结工作计划
- 长线买入原则
- 人事工作总结ppt模板
- 高手买股票的标准
- 电厂化验班工作总结
- 电力核算员工作总结
- 买进经验(风险类35条)
- cart-away
- cart away something/someone
- carte blanche
- carte-blanche
- carted
- cartel
- carter
- Cartesian
- cartesian coordinates
- cartesian-coordinates
- 袖里乾坤
- 袖里玄机
- 被发佯狂
- 被发入山
- 被发左衽
- 被发文身
- 被发缨冠
- 被发详狂
- 被发跣足
- 被坚执锐
- 商铺租赁合同
- 解除商铺租赁合同
- 商铺租赁合同协议书
- 商铺租赁合同样本
- 商铺门面租赁合同
- 成都市餐饮业商铺租赁合同
- 个人北京商铺租赁合同
- 商铺门面经营权租赁合同
- 商场商铺租赁合同标准版
- 简单商铺租赁合同