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 News Ticker 基于jQuery的即时新闻行情展示插件
今天分享一个新闻行情的jQUery插件，可以帮助大家使用比较小的页面区域来展示最新最重要的信息。2011-11-11
没有厌倦了原来那alert那个风格，总是一个感叹号。有时使得UE不好，今天我们介绍使用Jquery Alert插件 ，使用它可以用来替换JScript中的alert,confirm,prompt。2010-10-10
用过ExtJs的可能知道在ExtJs中集成了很多的UI元素可以很方便我们的使用。2010-01-01
通过 jQuery，您可以在元素上创建滑动效果，jQuery slideDown() 方法用于向下滑动元素，下为大家介绍下其参数含义2014-01-01
这篇文章主要介绍了jquery实现的单行文字向上滚动效果,需要的朋友可以参考下2014-03-03
这篇文章主要介绍了jQuery之关于resize()方法的使用，具有很好的价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-07-07
jquery移除button的inline onclick事件(已测试及兼容浏览器)
这种方法在Google Chrome下正常工作，但是在IE的兼容模式下会马上调用reclick方法，这不是我们想要的效果;为了解决这个问题，我们可以换个思路，就是延迟绑定click事件2013-01-01
这篇文章主要介绍了编写自己的jQuery提示框（Tip）插件的方法,需要的朋友可以参考下2015-02-02
这篇文章主要为大家详细的分析了Jquery轮播效果实现过程的具体步骤以及实现思路，帮助大家快速实现Jquery轮播效果，感兴趣的小伙伴们可以参考一下2016-03-03
这篇文章主要介绍了浅析jQuery EasyUI中的tree的用法,是根据个人对此的理解来实现的，需要的朋友可以参考下2014-12-12
最新评论