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中按钮互换位置的实例代码

    这篇文章主要介绍了使用jQuery实现两个div中按钮互换位置的实例代码,需要的朋友可以参考下
    2017-09-09
  • jQuery与ExtJS之选择实例分析

    jQuery与ExtJS之选择实例分析

    对于我们的用途,jQuery是一个更合适。 该js中 的功能更难以配置,这是需要我们的处理的,这是很难定义。
    2010-08-08
  • jQuery ajax实现省市县三级联动

    jQuery ajax实现省市县三级联动

    这篇文章主要为大家详细介绍了jQuery ajax实现省市县三级联动的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • jQuery无刷新切换主题皮肤实例讲解

    jQuery无刷新切换主题皮肤实例讲解

    这篇文章主要内容是jQuery无刷新切换主题皮肤实例讲解,本文应用cookie记录用户所选择设置的主题皮肤样式,需要了解的朋友可以参考下
    2015-10-10
  • jquery css实现邮箱自动补全

    jquery css实现邮箱自动补全

    这篇文章主要为大家详细介绍了jquery css实现邮箱自动补全功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • jquery.Jwin.js 基于jquery的弹出层插件代码

    jquery.Jwin.js 基于jquery的弹出层插件代码

    测试页面需要引用jquery的js文件 插件文件jquery.Jwin.js jquery.Jwin插件的使用参数都有详细说明
    2012-05-05
  • 基于jQuery实现表格的查看修改删除

    基于jQuery实现表格的查看修改删除

    这篇文章主要为大家详细介绍了基于jQuery实现表格的查看修改删除,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • jquery 弹出层实现代码

    jquery 弹出层实现代码

    在项目中遇到一个问题,本来以为是使用dropdownlist的效果的,仔细一看,其实是在点击文本框以后,在其正下方弹出一个层,里边有多个选项进行选择。很像jQuery.datepicker 的效果。
    2009-10-10
  • jQuery+css last-child实现选择最后一个子元素操作示例

    jQuery+css last-child实现选择最后一个子元素操作示例

    这篇文章主要介绍了jQuery+css last-child实现选择最后一个子元素操作,结合实例形式分析了jQuery结合css进行页面元素选择与样式修改相关操作技巧,需要的朋友可以参考下
    2018-12-12
  • jquery css实现流程进度条

    jquery css实现流程进度条

    这篇文章主要为大家详细介绍了jquery css实现流程进度条,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03

最新评论