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实现用户名重名实时检测
Jun 01 jQuery
jQuery之动画ajax事件(实例讲解)
Jul 18 jQuery
jQuery完成表单验证的实例代码(纯代码)
Sep 30 jQuery
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
Nov 09 jQuery
集成vue到jquery/bootstrap项目的方法
Feb 10 jQuery
jQuery实现导航样式布局操作示例【可自定义样式布局】
Jul 24 jQuery
jquery判断滚动条距离顶部的距离方法
Sep 05 jQuery
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
Apr 04 jQuery
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
Apr 10 jQuery
jquery实现简单拖拽效果
Jul 20 jQuery
jquery实现加载更多"转圈圈"效果(示例代码)
Nov 09 jQuery
html中两种获取标签内的值的方法
Jun 16 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与Java进行通信的实现方法
2013/10/21 PHP
浅谈Laravel中的一个后期静态绑定
2017/08/11 PHP
js中查找最近的共有祖先元素的实现代码
2010/12/30 Javascript
JavaScript限定复选框的选择个数示例代码
2013/08/25 Javascript
当滚动条滚动到页面底部自动加载增加内容的js代码
2014/05/13 Javascript
改变状态栏文字的js代码
2014/06/13 Javascript
学习JavaScript设计模式(策略模式)
2015/11/26 Javascript
正则表达式优化JSON字符串的技巧
2015/12/24 Javascript
Bootstrap表格和栅格分页实例详解
2016/05/20 Javascript
jQuery 限制输入字符串长度
2016/06/20 Javascript
js实现楼层效果的简单实例
2016/07/15 Javascript
JavaScript中常用的验证reg
2016/10/13 Javascript
详解在express站点中使用ejs模板引擎
2017/09/21 Javascript
vue组件横向树实现代码
2018/08/02 Javascript
JS中使用cavas截图网页并解决跨域及模糊问题
2018/11/13 Javascript
JS实现获取数组中最大值或最小值功能示例
2019/03/02 Javascript
vue项目中全局引入1个.scss文件的问题解决
2019/08/01 Javascript
关于angular引入ng-zorro的问题浅析
2020/09/09 Javascript
通过C++学习Python
2015/01/20 Python
python编写分类决策树的代码
2017/12/21 Python
PyTorch 1.0 正式版已经发布了
2018/12/13 Python
Python面向对象程序设计类的封装与继承用法示例
2019/04/12 Python
Python 字符串、列表、元组的截取与切片操作示例
2019/09/17 Python
Python字典常见操作实例小结【定义、添加、删除、遍历】
2019/10/25 Python
基于Python批量生成指定尺寸缩略图代码实例
2019/11/20 Python
Python实现Wordcloud生成词云图的示例
2020/03/30 Python
HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦
2013/04/25 HTML / CSS
俄罗斯领先的移动和数字设备在线商店:Svyaznoy.ru
2020/12/21 全球购物
大学生求职简历的自我评价
2013/10/21 职场文书
军训感想500字
2014/02/20 职场文书
2014年社区国庆节活动方案
2014/09/16 职场文书
结婚仪式主持词
2015/06/29 职场文书
运动会致辞稿
2015/07/29 职场文书
JavaScript实例 ODO List分析
2022/01/22 Javascript
【海涛DOTA解说】EVE女子战队独家录像加ZSMJ神牛两连发
2022/04/01 DOTA
win11自动弹出虚拟键盘怎么关闭? Win11关闭虚拟键盘的技巧
2023/01/09 数码科技