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 相关文章推荐
jQuery编写widget的一些技巧分享
Oct 28 Javascript
关于js内存泄露的一个好例子
Dec 09 Javascript
JQuery实现的按钮倒计时效果
Dec 23 Javascript
jquery实现页面加载效果
Feb 21 Javascript
jQuery+pjax简单示例汇总
Apr 21 jQuery
jQuery中each循环的跳出和结束实例
Aug 16 jQuery
vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)
Feb 10 Javascript
在Mac下彻底卸载node和npm的方法
May 16 Javascript
用WebStorm进行Angularjs 2开发(环境篇:Windows 10,Angular-cli方式)
Dec 05 Javascript
在Vue.js中使用TypeScript的方法
Mar 19 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
Jan 18 Javascript
vue项目proxyTable配置和部署服务器
Apr 14 Vue.js
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
PHP中MD5函数使用实例代码
2008/06/07 PHP
PHP命名空间(Namespace)简明教程
2014/06/11 PHP
Laravel基础-关于引入公共文件的两种方式
2019/10/18 PHP
各种常用浏览器getBoundingClientRect的解析
2009/05/21 Javascript
计算新浪Weibo消息长度(还可以输入119字)
2013/07/02 Javascript
js导出table到excel同时兼容FF和IE示例
2013/09/03 Javascript
javascript ajax 仿百度分页函数
2013/10/29 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理
2015/11/24 Javascript
JavaScript获取当前cpu使用率的方法
2015/12/15 Javascript
关于vue.js弹窗组件的知识点总结
2016/09/11 Javascript
用js实现博客打赏功能
2016/10/24 Javascript
Vue自定义指令拖拽功能示例
2017/02/17 Javascript
动态创建Angular组件实现popup弹窗功能
2017/09/15 Javascript
React Native 通告消息竖向轮播组件的封装
2020/08/25 Javascript
JavaScript定义及输出螺旋矩阵的方法详解
2017/12/01 Javascript
解决VUE框架 导致绑定事件的阻止冒泡失效问题
2018/02/24 Javascript
详解Vue 换肤方案验证
2019/08/28 Javascript
vue实现点击按钮下载文件功能
2019/10/11 Javascript
微信公众号中的JSSDK接入及invalid signature等常见错误问题分析(全面解析)
2020/04/11 Javascript
[50:45]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第一场
2018/04/10 DOTA
python持久性管理pickle模块详细介绍
2015/02/18 Python
带你认识Django
2019/01/15 Python
Django DRF认证组件流程实现原理详解
2020/08/17 Python
详解python内置模块urllib
2020/09/09 Python
Html5上传图片 移动端、PC端通用代码
2016/06/08 HTML / CSS
BLACKMORES澳洲官网:澳大利亚排名第一的保健品牌
2018/09/27 全球购物
阿拉伯书店:Jamalon
2019/07/24 全球购物
应聘教师自荐信
2013/10/12 职场文书
酒后驾驶检讨书
2014/01/27 职场文书
新农村建设典型材料
2014/05/31 职场文书
查摆问题整改措施
2014/10/24 职场文书
服务明星事迹材料
2014/12/29 职场文书
小学英语听课心得体会
2016/01/14 职场文书
MySQL系列之一 MariaDB-server安装
2021/07/02 MySQL
vue使用Google Recaptcha验证的实现示例
2021/08/23 Vue.js
Python使用mitmproxy工具监控手机 下载手机小视频
2022/04/18 Python