在本人的网站交友乐上需要点击一个重置按钮,将所有的checkbox设置为未选中,采用遍历的方法来完成

控件如下

<button id="ClearPosition" type="button">清空职位</button>

<input type="checkbox"   class="jobPostaJoblist"/><span>导购/促销</span>
<input type="checkbox"   class="jobPostaJoblist"/><span>收银员</span>
 <input type="checkbox"   class="jobPostaJoblist"/><span>店长</span>             

JQUERY代码如下:

jobPostaJoblistSelected是checkbox被选中时的css

stopDefault函数用于中止默认的事件响应

 $("#ClearPosition").each(function(i) {
              $(this).click(function(e) {
                  $("input[class*='jobPostaJoblist']").each(function(i) {
                      $(this).attr("checked", false);
                      $(this).next().removeClass("jobPostaJoblistSelected");
                  });
                  return stopDefault(e);
              });
          });


          function stopDefault(e) {
              if (e && e.preventDefault) {
                  e.preventDefault();
              } else {
                  window.event.returnValue = false;
              }
              return false;
          }

转载于:https://blog.51cto.com/jyoule/480888

JQuery遍历控件的方法相关推荐

  1. Jquery获得控件值的方法

    一 Jquery获得服务器控件值的方法 由于ASP.NET网页运行后,服务器控件会随机生成客户端id,jquery获取时候不太好操作,google了下,总结有以下3种方法: 服务器控件代码:<a ...

  2. WPF遍历当前容器中某种控件的方法

    原文:WPF遍历当前容器中某种控件的方法 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/m0_37591671/article/details/79 ...

  3. android勾选控件_Android中CheckBox复选框控件使用方法详解

    CheckBox复选框控件使用方法,具体内容如下 一.简介 1. 2.类结构图 二.CheckBox复选框控件使用方法 这里是使用java代码在LinearLayout里面添加控件 1.新建Linea ...

  4. SAP UI5 应用开发教程之六十二 - 基于 OData V4 的 SAP UI5 表格控件使用方法介绍试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  5. C#获取指定controlName的控件;遍历控件,反射控件类型等

    一般情况下或许用不到,但是也有特殊情况下会需要使用类似的功能. 1.比如你的软件做了多个界面版本,有中文版,英文版等等,就需要控制界面显示.通常会把控件名称与显示文字以键值对的形式存储到外部数据库或者 ...

  6. 精确到秒的JQuery日期控件,jquery日历插件,jquery日期插件

    2019独角兽企业重金招聘Python工程师标准>>> 效果图如下: 首先在页面中引用一下库: <link type="text/css" href=&qu ...

  7. vue的$nextTick使用总结,this.$refs为undefined的解决办法,element Ui的树形控件setCheckedKeys方法无法使用

    vue的$nextTick使用总结,this.$refs为undefined的解决办法,element Ui的树形控件setCheckedKeys方法无法使用 参考文章: (1)vue的$nextTi ...

  8. C# winform中一个类中如何调用另一个窗体的控件或方法

    转载地址:http://blog.csdn.net/ichenqingyun/article/details/52622340 一种是创建窗体对象的方式,通过对象调用控件或方法 例如: Form1 f ...

  9. Delphi2010组件/控件安装方法

    Delphi2010组件/控件安装方法 吴铭嗣 级别:高中生 (7级) 本小组身份:组长 在D2010IDE,初学者大都能够安装.Net控件,但VCL控件如何安装?大都茫然!下面就来力求详尽地回答这一 ...

最新文章

  1. 腾讯云携手朋迈推出“综合能源服务平台” 实现能源资源“智慧化”运营
  2. 如何在有scoped不影响elementUI 的其他页面组件,进行单页面修改的几种方法。
  3. OpenCV推断onnx格式目标检测模型(SSD)(附完整代码)
  4. Java笔记-使用RabbitMQ的Java接口实现Routing(路由模式)
  5. 自己写的.Net(C#)代码×××
  6. mysql5.7.14_mysql 5.7.14 下载安装配置方法图文教程
  7. CVPR2021全新Backbone | ReXNet在CV全任务以超低FLOPs达到SOTA水平
  8. 固态硬盘安装与系统安装流程
  9. JSONObject.fromObject() 转换时的日期处理问题
  10. 网赚必备单页面淘宝客网赚源码,专业销售网赚教程
  11. 隐马尔可夫链模型学习总结
  12. HTML+CSS制作课程表
  13. 利器 | Terminal Shell 改造记录 Windows Terminal + ZSH + Tmux
  14. LIC2020 百度语言与智能技术竞赛(一)——语义解析冠军方案
  15. java中jlaber用法_laber的for属性
  16. [MySQL]表的创建、修改与删除
  17. Go 语言运行时环境变量快速
  18. Arduino零基础实践——1
  19. 用 zCloud 解锁智能运维,“以小为美”的苏州银行成就数字化转型“大作为”...
  20. ChinaSoft 论坛巡礼 | 软件通识教育论坛

热门文章

  1. 如何检查项目的需求是否完整
  2. Exchange Server2013 系列九:常规配置
  3. 70后、80后、90后程序员区别极端版
  4. bash alias, VIM配置,和使用的插件 RAILS开发相关
  5. Fiddler 自定义规则编写
  6. SideFX Houdini FX中文版
  7. 大数据学习——Storm集群搭建
  8. 洛谷——P3807 【模板】卢卡斯定理
  9. Python数据分析几个比较常用的方法
  10. 在windows 10下安装python