jquery checkbox全选反选效果代码

更新时间：2009年11月04日 22:27:25 作者：

jquery checkbox全选反选效果代码,需要的朋友可以参考下。

运行后查看效果，需要刷新下。

<!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> <title>jquery事件2</title> <script src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script> <script type="text/javascript"></script> </head> <body> <div id="show"> <div>你最喜欢的体育运动是?</div> <div>你的姓名:<input id="Text1" type="text" /></div> <div id="title"><input id="Checkbox1" name="item" type="checkbox" value="足球" />足球 <input id="Checkbox2" name="item" type="checkbox" value="篮球" />篮球 <input id="Checkbox3" name="item" type="checkbox" value="兵乓球" />兵乓球 <input id="Checkbox4" name="item" type="checkbox" value="游泳" />游泳 </div> <div id="content"> <input id="Button1" type="button" value="全选" /> <input id="Button2" type="button" value="取消反选" /></div> <input id="Button3" type="button" value="反选" /> <input id="Button4" type="button" value="Click" /> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

jQuery实现元素的插入
本文主要介绍了jQuery实现元素的插入--insertBefore（）和insertAfter（）方法，具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02
jquery mobile 实现自定义confirm确认框效果的简单实例
下面小编就为大家带来一篇jquery mobile 实现自定义confirm确认框效果的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
JQuery中each()的使用方法说明
对于jQuery对象，只是把each方法简单的进行了委托：把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说：jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用
2010-08-08
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
这篇文章主要介绍了jQuery实现鼠标点击处心形漂浮的炫酷效果,涉及jQuery事件响应及页面元素属性动态变换相关操作技巧,需要的朋友可以参考下
2018-04-04
jQuery使用中可能被XSS攻击的一些危险环节提醒
XSS指的是跨站脚本攻击,比如人们常说的向$传入字符串或者字符串转换可执行函数等一些安全方面值得注意的细节,下面就为大家整理了jQuery使用中可能被XSS攻击的一些危险环节提醒
2016-05-05
教你一步步用jQyery实现轮播器
相信大家应该都会看到在各大网站上都有一个轮播器的效果，于是自己不禁也想做一个，查了资料，看了轮播器的原理，慢慢的试着做了做，最终效果勉勉强强，但还是想总结出来，或许对有需要的朋友们带来一定的帮助，下面来一起看看吧。
2016-12-12
jQuery插件 Jqplot图表实例
文章内容为初次使用Jqplot图表插件的测试代码，仅供参考。
2016-06-06
jQuery弹出窗口打开链接的实现代码
这篇文章主要介绍了jQuery弹出窗口打开链接的实现代码,需要的朋友可以参考下
2016-12-12
jquery实现自定义图片裁剪功能【推荐】
本文主要介绍了jquery实现自定义图片裁剪功能，代码超级简单，易修改。下面跟着小编一起来看下吧
2017-03-03
通过jquery toggleClass()属性制作文章段落更改背景颜色
jQuery制作文章段落更改背景颜色属性jquery toggleClass()属性。文中给大家附实例代码和源码，感兴趣的朋友参考下吧
2018-05-05