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插件FusionCharts绘制的3D环饼图效果示例【附demo源码】
Apr 02 jQuery
jQuery ajax请求struts action实现异步刷新
Apr 19 jQuery
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
Aug 23 jQuery
jQuery实现动态控制页面元素的方法分析
Dec 20 jQuery
jQuery进阶实践之利用最优雅的方式如何写ajax请求
Dec 20 jQuery
jQuery Dom元素操作技巧
Feb 04 jQuery
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
jQuery-ui插件sortable实现自由拖动排序
Dec 01 jQuery
jQuery实现数字自动增加或者减少的动画效果示例
Dec 11 jQuery
jQuery实现小火箭返回顶部特效
Feb 03 jQuery
jQuery treeview树形结构应用
Mar 24 jQuery
jQuery实现广告显示和隐藏动画
Jul 04 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
php求数组全排列,元素所有组合的方法
2016/05/05 PHP
Yii2中OAuth扩展及QQ互联登录实现方法
2016/05/16 PHP
thinkphp实现分页显示功能
2016/12/03 PHP
简单的JS多重继承示例
2008/03/13 Javascript
javascript 操作cookies及正确使用cookies的属性
2009/10/15 Javascript
JavaScript prototype属性使用说明
2010/05/13 Javascript
初学Jquery插件制作 在SageCRM的查询屏幕隐藏部分行的功能
2011/12/26 Javascript
网站如何做到完全不需要jQuery也可以满足简单需求
2013/06/27 Javascript
js跑步算法的实现代码
2013/12/04 Javascript
页面图片浮动左右滑动效果的简单实现案例
2014/02/10 Javascript
JS实现简洁、全兼容的拖动层实例
2015/05/13 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
2015/05/25 Javascript
angular实现商品筛选功能
2017/02/01 Javascript
vue2.0嵌套路由实现豆瓣电影分页功能(附demo)
2017/03/13 Javascript
基于JS对象创建常用方式及原理分析
2017/06/28 Javascript
jQuery实现手势解锁密码特效
2017/08/14 jQuery
微信小程序实现多宫格抽奖活动
2020/04/15 Javascript
使用mixins实现elementUI表单全局验证的解决方法
2019/04/02 Javascript
使用vue脚手架(vue-cli)搭建一个项目详解
2019/05/09 Javascript
express + jwt + postMan验证实现持久化登录
2019/06/05 Javascript
超详细小程序定位地图模块全系列开发教学
2020/11/24 Javascript
Python中使用 Selenium 实现网页截图实例
2014/07/18 Python
Python 基础教程之闭包的使用方法
2017/09/29 Python
python+selenium实现京东自动登录及秒杀功能
2017/11/18 Python
python实现机器人卡牌
2019/10/06 Python
详解Python中的分支和循环结构
2020/02/11 Python
Python如何批量获取文件夹的大小并保存
2020/03/31 Python
Keras实现将两个模型连接到一起
2020/05/23 Python
英国领先的办公用品供应商:Viking
2016/08/01 全球购物
金融管理应届生求职信
2014/02/20 职场文书
小学优秀班干部事迹材料
2014/05/25 职场文书
关于运动会的口号
2014/06/07 职场文书
党员专题组织生活会发言材料
2014/10/17 职场文书
js不常见操作运算符总结
2021/11/20 Javascript
Python+Selenium自动化环境搭建与操作基础详解
2022/03/13 Python
python实现会员管理系统
2022/03/18 Python