jQuery Checkbox 全选 反选的简单实例


Posted in Javascript onNovember 29, 2016

1.全选、反选

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
 <script src="http://xiazai.3water.com/201611/yuanma/jquery(3water.com).rar"></script>
 <script type="text/javascript">
  $(function () {
   $("#selall").on("click", function () { $("#plalst :checkbox").prop("checked", true); });
   $("#selnone").on("click", function () { $("#plalst :checkbox").prop("checked", false); });
   $("#resver").on("click", function () { $("#plalst :checkbox").prop("checked", function (i, val) { return !val; }); });
   $("#chkAll").on("click", function () { $("#plalst :checkbox").prop("checked", $("#chkAll").prop("checked")) });

  });
 </script>
</head>
<body>
 <div id="plalst">
  <input type="checkbox" />一队
  <input type="checkbox" />二队
  <input type="checkbox" />三队
  <input type="checkbox" />四队
  <input type="checkbox" />五队
  <input type="checkbox" />六队
 </div>
 <br /><br /><br />
 <input type="button" id="selall" value="全选" />
 <input type="button" id="selnone" value="全不选" />
 <input type="button" id="resver" value="反选" />
 <input type="checkbox" id="chkAll" /><label for="chkAll" >选择</label>
</body>
</html>

以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
js选取多个或单个元素的实现代码(用class)
Aug 22 Javascript
JSON语法五大要素图文介绍
Dec 04 Javascript
jquery如何实现在加载完iframe的内容后再进行操作
Sep 10 Javascript
js实现仿京东2级菜单效果(带延时功能)
Aug 27 Javascript
js图片轮播手动切换效果
Nov 10 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
Oct 09 Javascript
JS去掉字符串前后空格、阻止表单提交的实现代码
Jun 08 Javascript
JavaScript条件判断_动力节点Java学院整理
Jun 26 Javascript
基于vue.js中关于下拉框的值默认及绑定问题
Aug 22 Javascript
微信小程序开发之获取用户手机号码(php接口解密)
May 17 Javascript
Vue中computed及watch区别实例解析
Aug 01 Javascript
Vue实现圆环进度条的示例
Feb 06 Vue.js
使用Vue.js创建一个时间跟踪的单页应用
Nov 28 #Javascript
js拖拽功能实现代码解析
Nov 28 #Javascript
百度搜索框智能提示案例jsonp
Nov 28 #Javascript
JS函数多个参数默认值指定方法分析
Nov 28 #Javascript
ajax级联菜单实现方法实例分析
Nov 28 #Javascript
jQuery select自动选中功能实现方法分析
Nov 28 #Javascript
JS两种类型的表单提交方法实例分析
Nov 28 #Javascript
You might like
分页显示Oracle数据库记录的类之一
2006/10/09 PHP
PHP输出当前进程所有变量/常量/模块/函数/类的示例
2013/11/07 PHP
php中替换字符串中的空格为逗号','的方法
2014/06/09 PHP
php实现源代码加密的方法
2015/07/11 PHP
php 猴子摘桃的算法
2017/06/20 PHP
表单(FORM)的一些实用效果代码
2007/03/25 Javascript
JavaScript的parseInt 进制问题
2009/05/07 Javascript
使用CDN和AJAX加速WordPress中jQuery的加载
2015/12/05 Javascript
使用NodeJs 开发微信公众号(三)微信事件交互实例
2016/03/02 NodeJs
jquery文字填写自动高度的实现方法
2016/11/07 Javascript
JS+html5制作简单音乐播放器
2020/09/13 Javascript
js实现登录注册框手机号和验证码校验(前端部分)
2017/09/28 Javascript
vue.js如何将echarts封装为组件一键使用详解
2017/10/10 Javascript
详解vue渲染函数render的使用
2017/12/12 Javascript
解决vue中使用swiper插件问题及swiper在vue中的用法
2018/04/04 Javascript
微信小程序项目实践之验证码倒计时功能
2018/07/18 Javascript
基于vue循环列表时点击跳转页面的方法
2018/08/31 Javascript
详解Vuex下Store的模块化拆分实践
2019/07/31 Javascript
layui自己添加图片按钮并点击跳转页面的例子
2019/09/14 Javascript
对于Python异常处理慎用“except:pass”建议
2015/04/02 Python
Python实现Smtplib发送带有各种附件的邮件实例
2017/06/05 Python
Django缓存系统实现过程解析
2019/08/02 Python
python GUI库图形界面开发之PyQt5动态加载QSS样式文件
2020/02/25 Python
使用Python Tkinter实现剪刀石头布小游戏功能
2020/10/23 Python
英国花园、DIY、电器和家居用品商店:Robert Dyas
2019/03/18 全球购物
新驾驶员个人自我评价
2014/01/03 职场文书
2014庆六一活动方案
2014/03/02 职场文书
法制宣传月活动总结
2014/04/29 职场文书
大学生个人求职信
2014/06/02 职场文书
教育系统干部作风整顿心得体会
2014/09/09 职场文书
土地转让协议书
2014/09/27 职场文书
个人学习总结范文
2015/02/15 职场文书
土木工程毕业答辩开场白
2015/05/29 职场文书
python爬虫之selenium库的安装及使用教程
2021/05/23 Python
python如何利用traceback获取详细的异常信息
2021/06/05 Python
用Python可视化新冠疫情数据
2022/01/18 Python