你的位置:首页 > Java教程

[Java教程]jQuery如何实现复选框全选和全不选


jQuery如何实现复选框全选和全不选:

在网页中经常有复选框的全选和全不选效果,比如在后台新闻管理、用户空间信息管理等都有用到,下面就提供一个jQuery实现的此效果。代码实例如下:

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="author" content="http://www.51texiao.cn/" /><title>jQuery复选框全选全不选代码</title><script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script><script type="text/javascript"> $.fn.checkCbx=function(){  return this.each(function(){   this.checked = !this.checked;  })} $(function(){  $("#btnSelect").click(function(){   this.value = this.value == "全选"?"反选":"全选";   $("input:checkbox").checkCbx();  }) }) </script></head><body><form name="form1" method="post" action="Default8.aspx" id="form1"> <table border="1">  <tr>   <th>选择</th>   <th>id</th>   <th>姓名</th>  </tr>  <tr>   <td><input type="checkbox" name="cbx" /></td>   <td>1</td>   <td>蚂蚁部落</td>  </tr>  <tr>   <td><input type="checkbox" name="cbx" /></td>   <td>2</td>   <td>蚂蚁部落</td>  </tr>  <tr>   <td><input type="checkbox" name="cbx" /></td>   <td>3</td>   <td>蚂蚁部落</td>  </tr>  <tr>   <td><input type="checkbox" name="cbx" /></td>   <td>4</td>   <td>蚂蚁部落</td>  </tr>  <tr>   <td><input type="checkbox" name="cbx" /></td>   <td>5</td>   <td>蚂蚁部落</td>  </tr>  <tr>   <td><input type="checkbox" name="cbx" /></td>   <td>6</td>   <td>蚂蚁部落</td>  </tr>  <tr>   <td><input type="checkbox" name="cbx" /></td>   <td>7</td>   <td>蚂蚁部落</td>  </tr>  <tr>   <td><input type="checkbox" name="cbx" /></td>   <td>8</td>   <td>蚂蚁部落</td>  </tr>  <tr>   <td><input type="checkbox" name="cbx" /></td>   <td>9</td>   <td>蚂蚁部落</td>  </tr>  <tr>   <td><input type="checkbox" name="cbx" /></td>   <td>10</td>   <td>蚂蚁部落</td>  </tr> </table> <input id="btnSelect" type="button" value="全选" /></form></body></html>

以上代码实现复选框的全选和全不选效果。

原文地址是:http://www.51texiao.cn/jqueryjiaocheng/2015/0519/1933.html

最为原始地址是:http://www.softwhy.com




湖南旅游团购优惠湖南旅游线路报价湖南旅游指南攻略大全湖南旅游住哪里比较方便湖南旅游住宿攻略从化汽车站到千泷沟大瀑布怎么坐车?从化汽车站到千泷沟大瀑布有直达车吗? 千龙沟大瀑布在哪里?从化千龙沟大瀑布怎么去? 2015番禺百万葵园五一门票价格?五一百万葵园门票多少钱? 2015百万葵园4月份有什么花看?4月份番禺百万葵园什么花好看? 2015元宵节汕头礐石风景区有什么好玩的?礐石风景区元宵节活动介绍? 2015礐石风景区春节有什么花开放?汕头礐石风景区新增游乐设施有哪些? 2015深圳野生动物园马戏节什么时候结束?深圳马戏节门票多少钱? 2015春节深圳马戏节有哪些好玩的?深圳马戏节在哪里举行? 紫莲森林度假村有什么项目?潮州紫莲森林度假村一日游费用? 星期八小镇停车方便吗?广州星期八小镇有什么好玩的? 星期八小镇公交坐几路?广州星期八小镇开车要多久? 星期八小镇交通方便吗?广州星期八小镇有直达车吗? 去香港自由行,L签证需要怎么办? 深圳到香港双人一日游,求高手攻略指导? 去港澳旅游需要什么证件? 现在去香港迪士尼好像不错,想问问是自助游好还是跟团游好? 0402YA620GAT2A Datasheet 0402YA620GAT2A Datasheet LD035C152JAB2A Datasheet LD035C152JAB2A Datasheet 12061C273JAT2A Datasheet 12061C273JAT2A Datasheet 浙江跟团港澳五日游价格 浙江跟团港澳五日游价格 浙江跟团港澳五日游价格 浙江到香港旅游团价格 浙江到香港旅游团价格 浙江到香港旅游团价格 大兴安岭到港澳旅游价格 大兴安岭到港澳旅游价格 大兴安岭到港澳旅游价格