jquery实现的全选反选全不选等等的效果源码

原创 2012年07月12日 17:25:25
test.html:(下载测试的话是必须配置下jquery的文件的。即是:
 <script src="jquery-1.3.2.js" type="text/javascript"></script>
这个语句需要修改)



<!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=gbk" /><title></title> <!-- 引入jQuery --> <script src="jquery-1.3.2.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ //全选 $("#CheckedAll").click(function(){ $('[name=items]:checkbox').attr('checked', true); }); //全不选 $("#CheckedNo").click(function(){ $('[type=checkbox]:checkbox').attr('checked', false); }); //反选 $("#CheckedRev").click(function(){ $('[name=items]:checkbox').each(function(){ //$(this).attr("checked", !$(this).attr("checked")); this.checked=!this.checked; }); }); $("#send").click(function(){ var str="你选中的是:\r\n"; $('[name=items]:checkbox:checked').each(function(){ str+=$(this).val()+"\r\n"; }) alert(str); }); }) </script></head><body><form method="post" action=""> 你爱好的运动是? <br/> <input type="checkbox" name="items" value="足球"/>足球 <input type="checkbox" name="items" value="篮球"/>篮球 <input type="checkbox" name="items" value="羽毛球"/>羽毛球 <input type="checkbox" name="items" value="乒乓球"/>乒乓球 <br/> <input type="button" id="CheckedAll" value="全 选"/> <input type="button" id="CheckedNo" value="全不选"/> <input type="button" id="CheckedRev" value="反 选"/> <input type="button" id="send" value="提 交"/></form></body></html>



Office365 Exchange Online系列之邮箱大管家必学视频课程

本课程通过实践案例使学员对入站IP筛选管理、恶意软件筛选、入站垃圾邮件筛选、发送邮件安全策略和SPF/DKIM设置有一定的了解,帮助系统管理员轻松应对企业邮箱安全管理的日常工作,为企业的正常工作保驾护航。(没有配套学习资料,视频学习)
  • 2018年04月03日 10:36

JQuery实现全选、全不选和反选功能

项目中需要做一个全选、全不选和反选的功能。刚接到这个需求的时候,心想很简单的一个功能,几行代码就能搞定,然而事实并非如此。下面就把我的思路说一下: 1、当点击'全选'按钮时,页面中所有的复选框都应...
  • oXinLiang12
  • oXinLiang12
  • 2016-12-12 16:01:26
  • 8648

jQuery 实现简单全选、全不选、反选

jQuery 实现简单全选、全不选、反选 全选、全不选、反选 吃 喝 玩 乐 全选 全不选 反选 var che...
  • byc233518
  • byc233518
  • 2015-07-08 09:17:50
  • 1362

jquery Checkbox 全选 反选 全不选 多种实现方法

  • 2012年10月15日 11:31
  • 2KB
  • 下载

jquery实现全选全不选反选以及遍历取值

jQuery实例 //jQuery的快捷入口 $(function(){ //获取所有button按钮,并添加点击事件 $("button").click(fu...
  • zhoumengkang
  • zhoumengkang
  • 2013-01-07 16:08:11
  • 610

jquery全选反选全不选案例

  • 2016年04月04日 16:26
  • 32KB
  • 下载

js 实现全选、全不选、反选功能

不多说,直接上代码,复制直接可以使用 无标题文档 function selectAllNullorReserve(obj,type){ if(obj!=null&&obj!=""){ ...
  • wolinxuebin
  • wolinxuebin
  • 2012-05-30 14:02:33
  • 14537

jquery实现复选框的全选与反选

jquery实现复选框的全选与反选 复选框的全选和反选功能,是页面中常常会用到的功能,你是否可以很轻松地实现呢?下面是用jquery语法实现的这个实用的小功能。            ...
  • xiaobozhu
  • xiaobozhu
  • 2015-08-18 14:54:34
  • 412

checkbox全选、全不选、反选

第一次写博客,这边简单的记录下checkbox常见的勾选代码 //全选、全不选 function selectAll() { if ($("#selectAll").attr("checke...
  • qq_19707515
  • qq_19707515
  • 2015-11-04 11:18:57
  • 3733

利用jQuery实现全选全不选反选

$(function(){  //全选  $("#checkAll").click(function(){     $(":checkbox").attr("checked",true);  ...
  • zsj523
  • zsj523
  • 2013-04-01 19:19:31
  • 680
收藏助手
不良信息举报
您举报文章:jquery实现的全选反选全不选等等的效果源码
举报原因:
原因补充:

(最多只允许输入30个字)