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

更新时间：2017年05月15日 09:33:28 作者：ymmt

本篇文章主要介绍了jQuery实现radio第一次点击选中第二次点击取消功能的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧

由于项目的需求，要求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实现两个div中按钮互换位置的实例代码
这篇文章主要介绍了使用jQuery实现两个div中按钮互换位置的实例代码,需要的朋友可以参考下
2017-09-09
jQuery与ExtJS之选择实例分析
对于我们的用途，jQuery是一个更合适。该js中的功能更难以配置，这是需要我们的处理的，这是很难定义。
2010-08-08
jQuery ajax实现省市县三级联动
这篇文章主要为大家详细介绍了jQuery ajax实现省市县三级联动的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-03-03
jQuery无刷新切换主题皮肤实例讲解
这篇文章主要内容是jQuery无刷新切换主题皮肤实例讲解，本文应用cookie记录用户所选择设置的主题皮肤样式，需要了解的朋友可以参考下
2015-10-10
jquery css实现邮箱自动补全
这篇文章主要为大家详细介绍了jquery css实现邮箱自动补全功能,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-11-11
jquery.Jwin.js 基于jquery的弹出层插件代码
测试页面需要引用jquery的js文件插件文件jquery.Jwin.js jquery.Jwin插件的使用参数都有详细说明
2012-05-05
基于jQuery实现表格的查看修改删除
这篇文章主要为大家详细介绍了基于jQuery实现表格的查看修改删除，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-08-08
jquery 弹出层实现代码
在项目中遇到一个问题，本来以为是使用dropdownlist的效果的，仔细一看，其实是在点击文本框以后，在其正下方弹出一个层，里边有多个选项进行选择。很像jQuery.datepicker 的效果。
2009-10-10
jQuery+css last-child实现选择最后一个子元素操作示例
这篇文章主要介绍了jQuery+css last-child实现选择最后一个子元素操作,结合实例形式分析了jQuery结合css进行页面元素选择与样式修改相关操作技巧,需要的朋友可以参考下
2018-12-12
jquery css实现流程进度条
这篇文章主要为大家详细介绍了jquery css实现流程进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-03-03