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实现的手风琴侧边菜单效果
Mar 29 jQuery
为JQuery EasyUI 表单组件增加焦点切换功能的方法
Apr 13 jQuery
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
May 08 jQuery
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
Jun 11 jQuery
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 jQuery
全面解析jQuery中的$(window)与$(document)的用法区别
Aug 15 jQuery
jQuery EasyUI window窗口使用实例代码
Dec 25 jQuery
基于jquery trigger函数无法触发a标签的两种解决方法
Jan 06 jQuery
使用jquery模拟a标签的click事件无法实现跳转的解决
Dec 04 jQuery
jquery树形插件zTree高级使用详解
Aug 16 jQuery
jQuery实现聊天对话框
Feb 08 jQuery
jQuery实现简易聊天框
Feb 08 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
推荐一篇入门级的Class文章
2007/03/19 PHP
php实现按指定大小等比缩放生成上传图片缩略图的方法
2014/12/15 PHP
php短网址和数字之间相互转换的方法
2015/03/13 PHP
php获取数据库中数据的实现方法
2017/06/01 PHP
关于JavaScript的gzip静态压缩方法
2007/01/05 Javascript
学习ExtJS accordion布局
2009/10/08 Javascript
让FireFox支持innerText的实现代码
2009/12/01 Javascript
JS等比例缩小图片尺寸的实例
2013/02/27 Javascript
jquery改变disabled的boolean状态的三种方法
2013/12/13 Javascript
JavaScript中一个奇葩的IE浏览器判断方法
2014/04/16 Javascript
js使用setTimeout实现定时炸弹的方法
2015/04/10 Javascript
JQuery ztree 异步加载实例讲解
2016/02/25 Javascript
老生常谈JavaScript 函数表达式
2016/09/01 Javascript
js 动态生成html 触发事件传参字符转义的实例
2017/02/14 Javascript
Angular实现类似博客评论的递归显示及获取回复评论的数据
2017/11/06 Javascript
浅谈ajax在jquery中的请求和servlet中的响应
2018/01/22 jQuery
JS获取月的第几周和年的第几周实例代码
2018/12/05 Javascript
关于微信小程序登录的那些事
2019/01/08 Javascript
VueJs里利用CryptoJs实现加密及解密的方法示例
2019/04/29 Javascript
js实现html滑动图片拼图验证
2020/06/24 Javascript
[50:27]Secret vs VG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python每次处理固定个数的字符的方法总结
2013/01/29 Python
Python简单的制作图片验证码实例
2017/05/31 Python
python实现求两个字符串的最长公共子串方法
2018/07/20 Python
Linux CentOS Python开发环境搭建教程
2018/11/28 Python
pytorch numpy list类型之间的相互转换实例
2019/08/18 Python
python 实现单例模式的5种方法
2020/09/23 Python
HTML5 embed 标签使用方法介绍
2013/08/13 HTML / CSS
英国家喻户晓的折扣商场:TK Maxx
2017/05/26 全球购物
惠普香港官方商店:HP香港
2019/04/30 全球购物
基层干部2014全国两会学习心得体会
2014/03/10 职场文书
英语求职信范文
2014/05/23 职场文书
2014年班组建设工作总结
2014/12/01 职场文书
施工单位工程部经理岗位职责
2015/04/09 职场文书
2016圣诞节贺卡寄语
2015/12/07 职场文书
一文搞清楚MySQL count(*)、count(1)、count(col)区别
2022/03/03 MySQL