jQuery实现复选框成对选择及对应取消的方法
更新时间：2015年03月03日 15:59:44 作者：代码家园
这篇文章主要介绍了jQuery实现复选框成对选择及对应取消的方法,实例分析了jQuery中change方法的使用技巧,需要的朋友可以参考下
本文实例讲述了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>
<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程序设计有所帮助。
相关文章
这篇文章主要介绍了jQuery应用之jQuery链用法,实例形式分析了jQuery链的原理及使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-01-01
『jQuery』.html(),.text()和.val()的概述及使用
如何使用jQuery中的.html(),.text()和.val()三种方法，用于读取，修改元素的html结构，元素的文本内容，以及表单元素的value值的方法2013-04-04
Jquery CheckBox全选方法代码附js checkbox全选反选代码
喜欢上了Jquery的简便、明了···与用JavaScript写的比起来真的有点差距！2010-06-06
获取获得时间差、时间格式的方法有很多，下面为大家介绍下使用jquery及js实现的功能代码2013-06-06
可以利用js函数来实现对表格的维护和删除，相对于JavaScript简单方便，下面通过实例代码给大家介绍下jQuery表格的维护和删除操作，一起通过本文学习吧2017-02-02
这篇文章主要介绍了jQuery异步提交表单实例,需要的朋友可以参考下2017-05-05
jQuery ajax在GBK编码下表单提交终极解决方案(非二次编码方法)
当jquery ajax在utf-8编码下（页面utf－8，接收utf-8），无任何问题。可以正常post、get，处理页面直接获取正确的内容。2010-10-10
这篇文章主要介绍了jQuery调用Webservice传递json数组的方法,实例分析了jQuery基于ajax与Webservice传递json数据的相关实现技巧,需要的朋友可以参考下2016-08-08
这篇文章主要为大家详细介绍了jQuery内容筛选选择器实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
下面介绍几个jQuery常用的方法，来让jQuery的威力发挥出来，否则只用有限的几个方法，相对于运行速度问题，真不如不用jQuery2013-10-10
最新评论