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 Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
May 01 jQuery
jQuery实现点击关注和取消功能
Jul 03 jQuery
解决IE7中使用jQuery动态操作name问题
Aug 28 jQuery
jQuery 禁止表单用户名、密码自动填充功能
Oct 30 jQuery
jQuery的Ajax接收java返回数据方法
Aug 11 jQuery
基于jquery实现的tab选项卡功能示例【附源码下载】
Jun 10 jQuery
jquery使用echarts实现有向图可视化功能示例
Nov 25 jQuery
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
Mar 20 jQuery
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
May 19 jQuery
JQuery获得内容和属性方法解析
May 30 jQuery
jQuery 实现DOM元素拖拽交换位置的实例代码
Jul 14 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中对xml读取的相关函数的介绍一
2008/06/05 PHP
基于php下载文件的详解
2013/06/02 PHP
ThinkPHP模板中判断volist循环的最后一条记录的验证方法
2014/07/01 PHP
php将字符串随机分割成不同长度数组的方法
2015/06/01 PHP
PHP扩展迁移为PHP7扩展兼容性问题记录
2016/02/15 PHP
php+js实现裁剪任意形状图片
2018/10/31 PHP
laravel admin实现分类树/模型树的示例代码
2020/06/10 PHP
可以用来调试JavaScript错误的解决方案
2010/08/07 Javascript
js DOM的学习笔记
2011/12/22 Javascript
jquery、js操作checkbox全选反选
2014/03/12 Javascript
Bootstrap每天必学之轮播(Carousel)插件
2016/04/25 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
2016/07/05 Javascript
纯JS代码实现隔行变色鼠标移入高亮
2016/11/23 Javascript
JavaScript给每一个li节点绑定点击事件的实现方法
2016/12/01 Javascript
jQuery Ajax请求后台数据并在前台接收
2016/12/10 Javascript
prototype与__proto__区别详细介绍
2017/01/09 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
2017/01/23 Javascript
nodejs读写json文件的简单方法(必看)
2017/03/09 NodeJs
Vue表单验证插件的制作过程
2017/04/01 Javascript
angularJs的ng-class切换class
2017/06/23 Javascript
bootstrap插件treeview实现全选父节点下所有子节点和反选功能
2017/07/21 Javascript
利用vue开发一个所谓的数独方法实例
2017/12/21 Javascript
微信小程序实现文字跑马灯效果
2020/05/26 Javascript
vue中解决拖拽改变存在iframe的div大小时卡顿问题
2020/07/22 Javascript
python 3.6.2 安装配置方法图文教程
2018/09/18 Python
Python 调用 zabbix api的方法示例
2019/01/06 Python
Python学习笔记之lambda表达式用法详解
2019/08/08 Python
Python Django 添加首页尾页上一页下一页代码实例
2019/08/21 Python
python实现树的深度优先遍历与广度优先遍历详解
2019/10/26 Python
中国制造网:Made-in-China.com
2019/10/25 全球购物
欧姆龙医疗保健与医疗产品:Omron Healthcare
2020/02/10 全球购物
工程部文员岗位职责
2015/02/04 职场文书
2016党员党章学习心得体会
2016/01/14 职场文书
Node-Red实现MySQL数据库连接的方法
2021/08/07 MySQL
Python 阶乘详解
2021/10/05 Python
CPU不支持Windows11系统怎么办
2021/11/21 数码科技