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 相关文章推荐
显示js对象所有属性和方法的函数
Oct 16 Javascript
javascript+mapbar实现地图定位
Apr 09 Javascript
浅析JavaScript原型继承的陷阱
Dec 03 Javascript
用原生js做个简单的滑动效果的回到顶部
Oct 15 Javascript
jquery 仿锚点跳转到页面指定位置的实例
Feb 14 Javascript
JS字符串false转boolean的方法(推荐)
Mar 08 Javascript
Angular2入门教程之模块和组件详解
May 28 Javascript
vue如何使用 Slot 分发内容实例详解
Sep 05 Javascript
详解基于DllPlugin和DllReferencePlugin的webpack构建优化
Jun 28 Javascript
Vue表单绑定的实例代码(单选按钮,选择框(单选时,多选时,用 v-for 渲染的动态选项)
May 13 Javascript
简单了解vue.js数组的常用操作
Jun 17 Javascript
JavaScript闭包原理与用法学习笔记
May 29 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
php数组函数序列之ksort()对数组的元素键名进行升序排序,保持索引关系
2011/11/02 PHP
php连接函数implode与分割explode的深入解析
2013/06/26 PHP
destoon网站转移服务器后搜索汉字出现乱码的解决方法
2014/06/21 PHP
php中的ini配置原理详解
2014/10/14 PHP
php使用ob_start()实现图片存入变量的方法
2014/11/14 PHP
php生成年月日下载列表的方法
2015/04/24 PHP
php实现通过cookie换肤的方法
2015/07/13 PHP
定位地理位置PHP判断员工打卡签到经纬度是否在打卡之内
2019/05/23 PHP
获取元素距离浏览器周边的位置的方法getBoundingClientRect
2013/04/17 Javascript
Visual Studio中js调试的方法图解
2014/06/30 Javascript
node.js中的url.parse方法使用说明
2014/12/10 Javascript
javascript实现英文首字母大写
2015/04/23 Javascript
JS判断字符串包含的方法
2015/05/05 Javascript
JQuery节点元素属性操作方法
2015/06/11 Javascript
three.js绘制地球、飞机与轨迹的效果示例
2017/02/28 Javascript
通过实例了解js函数中参数的传递
2019/06/15 Javascript
Python实现在Linux系统下更改当前进程运行用户
2015/02/04 Python
实例解析Python的Twisted框架中Deferred对象的用法
2016/05/25 Python
Python开发微信公众平台的方法详解【基于weixin-knife】
2017/07/08 Python
python找出完数的方法
2018/11/12 Python
Python可视化mhd格式和raw格式的医学图像并保存的方法
2019/01/24 Python
局域网内python socket实现windows与linux间的消息传送
2019/04/19 Python
python pygame实现挡板弹球游戏
2019/11/25 Python
Python如何访问字符串中的值
2020/02/09 Python
Python MySQL 日期时间格式化作为参数的操作
2020/03/02 Python
Python实现王者荣耀自动刷金币的完整步骤
2021/01/22 Python
HTML5 Canvas中使用用路径描画圆弧
2015/01/01 HTML / CSS
Vans英国官方网站:美国南加州的原创极限运动潮牌
2017/01/20 全球购物
什么时候用assert
2015/05/08 面试题
母亲七十大寿答谢词
2014/01/18 职场文书
模具专业求职信
2014/06/26 职场文书
优秀教育工作者事迹材料
2014/12/24 职场文书
入党转正申请报告
2015/05/15 职场文书
2016年心理学教育培训学习心得体会
2016/01/12 职场文书
《悲惨世界》:比天空更广阔的是人的心灵
2020/01/16 职场文书
python开发实时可视化仪表盘的示例
2021/05/07 Python