jQuery实现复选框成对选择及对应取消的方法


Posted in Javascript onMarch 03, 2015

本文实例讲述了jQuery实现复选框成对选择及对应取消的方法。分享给大家供大家参考。具体实现方法如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>jQuery实现复选框成对选择,对应取消功能</title>

<script type="text/javascript" src="/js/jquery-1.6.2.min.js"></script>

<script>

$(function(){

 var classA = $(".classA");

 classA.change(function(){

  classA.attr("checked",Boolean($(this).attr("checked")));

 })

 var classB = $(".classB");

 classB.change(function(){

  classB.attr("checked",Boolean($(this).attr("checked")));

 })

})

</script>

</head>

<body>

<p>A组</p>

<input type="checkbox" class="classA">

<input type="checkbox" class="classA">

<p>B组</p>

<input type="checkbox" class="classB">

<input type="checkbox" class="classB">

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
使用Microsoft Ajax Minifier减小JavaScript文件大小的方法
Apr 01 Javascript
Javascript学习笔记之函数篇(六) : 作用域与命名空间
Nov 23 Javascript
javascript下使用Promise封装FileReader
Feb 19 Javascript
bootstrap模态框远程示例代码分享
May 22 Javascript
bootstrap paginator分页前后台用法示例
Jun 17 Javascript
vue element项目引入icon图标的方法
Jun 06 Javascript
Vue导出页面为PDF格式的实现思路
Jul 31 Javascript
layui 选择列表,打勾,点击确定返回数据的例子
Sep 02 Javascript
vue2.0 获取从http接口中获取数据,组件开发,路由配置方式
Nov 04 Javascript
vue.js实现双击放大预览功能
Jun 23 Javascript
vue addRoutes路由动态加载操作
Aug 04 Javascript
解决vue scoped scss 无效的问题
Sep 04 Javascript
js实现文本框中输入文字页面中div层同步获取文本框内容的方法
Mar 03 #Javascript
JS实现文字放大效果的方法
Mar 03 #Javascript
jQuery实现的感应鼠标悬停图片色彩渐显效果
Mar 03 #Javascript
js给网页加上背景音乐及选择音效的方法
Mar 03 #Javascript
分享一则JavaScript滚动条插件源码
Mar 03 #Javascript
深入理解JavaScript系列(35):设计模式之迭代器模式详解
Mar 03 #Javascript
jQuery选择器之基本选择器与层次选择器
Mar 03 #Javascript
You might like
修改Zend引擎实现PHP源码加密的原理及实践
2008/04/14 PHP
php旋转图片90度的方法
2013/11/07 PHP
PHP使用PHPMailer发送邮件的简单使用方法
2013/11/12 PHP
php获取网页请求状态程序示例
2014/06/17 PHP
php生成图片验证码
2015/06/09 PHP
jQuery 性能优化指南 (1)
2009/05/21 Javascript
window.js 主要包含了页面的一些操作
2009/12/23 Javascript
关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题
2010/12/08 Javascript
JavaScript对数字的判断与处理实例分析
2015/02/02 Javascript
jQuery实现鼠标滑过Div层背景变颜色的方法
2015/02/17 Javascript
node.js回调函数之阻塞调用与非阻塞调用
2015/11/13 Javascript
AngularJS实用开发技巧(推荐)
2016/07/13 Javascript
JS实现侧边栏鼠标经过弹出框+缓冲效果
2017/03/29 Javascript
详解Vue 项目中的几个实用组件(ts)
2019/10/29 Javascript
Vue实现跑马灯效果
2020/05/25 Javascript
JavaScript文档加载模式以及元素获取
2020/07/28 Javascript
[02:23]DOTA2英雄基础教程 幻影长矛手
2013/12/09 DOTA
[01:06:26]全国守擂赛第二周 Team Coach vs DeMonsTer
2020/04/28 DOTA
Python 抓取动态网页内容方案详解
2014/12/25 Python
Python创建xml的方法
2015/03/10 Python
Python中的pass语句使用方法讲解
2015/05/14 Python
Python中的左斜杠、右斜杠(正斜杠和反斜杠)
2016/08/30 Python
基于Python中capitalize()与title()的区别详解
2017/12/09 Python
Python3 replace()函数使用方法
2018/03/19 Python
Python collections模块使用方法详解
2019/08/28 Python
python实现滑雪游戏
2020/02/22 Python
Pymysql实现往表中插入数据过程解析
2020/06/02 Python
python对execl 处理操作代码
2020/06/22 Python
Myprotein亚太地区:欧洲第一在线运动营养品牌
2020/12/20 全球购物
测量实习生自我鉴定
2013/09/19 职场文书
小区门卫岗位职责
2013/12/31 职场文书
大学新生军训自我鉴定
2014/09/18 职场文书
银行授权委托书范本
2014/10/04 职场文书
如何写好竞聘报告
2019/04/03 职场文书
CSS3 制作精美的定价表
2021/04/06 HTML / CSS
PyQt5 显示超清高分辨率图片的方法
2021/04/11 Python