jQuery实现radio第一次点击选中第二次点击取消功能


Posted in jQuery onMay 15, 2017

由于项目的需求,要求radio点击两次后为取消状态,不方便修改为checkbox,可以用正面的方法实现。

// jquery
  $('input:radio').click(function(){
    //alert(this.checked);
    //
    var $radio = $(this);
    // if this was previously checked
    if ($radio.data('waschecked') == true){
      $radio.prop('checked', false);
      $radio.data('waschecked', false);
    } else {
      $radio.prop('checked', true);
      $radio.data('waschecked', true);
    }
  });

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

jQuery 相关文章推荐
jQuery UI Grid 模态框中的表格实例代码
Apr 01 jQuery
JQuery.dataTables表格插件添加跳转到指定页
Jun 09 jQuery
jQuery UI 实例讲解 - 日期选择器(Datepicker)
Sep 18 jQuery
jQuery zTree 异步加载添加子节点重复问题
Nov 29 jQuery
jQuery实现右侧抽屉式在线客服功能
Dec 25 jQuery
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
jQuery实现form表单序列化转换为json对象功能示例
May 23 jQuery
jQuery.validate.js表单验证插件的使用代码详解
Oct 22 jQuery
jQuery实现form表单基于ajax无刷新提交方法实例代码
Nov 04 jQuery
jQuery Raty星级评分插件使用方法实例分析
Nov 25 jQuery
使用jquery实现轮播图效果
Jan 02 jQuery
jquery实现穿梭框功能
Jan 19 jQuery
jQuery返回定位插件详解
May 15 #jQuery
jQuery操作css样式
May 15 #jQuery
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 #jQuery
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
May 13 #jQuery
jQuery中clone()函数实现表单中增加和减少输入项
May 13 #jQuery
jQuery遍历节点方法汇总(推荐)
May 13 #jQuery
jQuery手风琴的简单制作
May 12 #jQuery
You might like
Terran历史背景
2020/03/14 星际争霸
php遍历文件夹和文件列表示例分享
2014/03/11 PHP
解密ThinkPHP3.1.2版本之模块和操作映射
2014/06/19 PHP
js 蒙版进度条(结合图片)
2010/03/10 Javascript
JS 实现导航栏悬停效果(续2)
2013/09/24 Javascript
SeaJS 与 RequireJS 的差异对比
2014/12/08 Javascript
jQuery层动画定位滑动效果的方法
2015/04/30 Javascript
javascript结合canvas实现图片旋转效果
2015/05/03 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
2015/09/05 Javascript
简单讲解AngularJS的Routing路由的定义与使用
2016/03/05 Javascript
快速解决Canvas.toDataURL 图片跨域的问题
2016/05/10 Javascript
Javascript实现图片加载从模糊到清晰显示的方法
2016/06/21 Javascript
jQuery EasyUi 验证功能实例解析
2017/01/06 Javascript
easyui-datagrid特殊字符不能显示的处理方法
2017/04/12 Javascript
JavaScript运动框架 解决速度正负取整问题(一)
2017/05/17 Javascript
在vue中使用jointjs的方法
2018/03/24 Javascript
webpack分离css单独打包的方法
2018/06/12 Javascript
使用mpvue搭建一个初始小程序及项目配置方法
2018/12/03 Javascript
微信小程序页面间传值与页面取值操作实例分析
2019/04/30 Javascript
详解React中共享组件逻辑的三种方式
2021/02/02 Javascript
Python中的Classes和Metaclasses详解
2015/04/02 Python
Python导入oracle数据的方法
2015/07/10 Python
python 递归遍历文件夹,并打印满足条件的文件路径实例
2017/08/30 Python
Python3爬虫学习之爬虫利器Beautiful Soup用法分析
2018/12/12 Python
浅谈python3.x pool.map()方法的实质
2019/01/16 Python
pandas基于时间序列的固定时间间隔求均值的方法
2019/07/04 Python
利用Python的turtle库绘制玫瑰教程
2019/11/23 Python
pytorch中的自定义数据处理详解
2020/01/06 Python
关于Python字符串显示u...的解决方式
2020/03/06 Python
python开根号实例讲解
2020/08/30 Python
丧事主持词大全
2014/04/02 职场文书
法人代表授权委托书范文
2014/09/10 职场文书
2015年党员自我剖析材料
2014/12/17 职场文书
投标承诺函范文
2015/01/21 职场文书
2015年护士节活动策划方案
2015/05/04 职场文书
python 闭包函数详细介绍
2022/04/19 Python