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

最新推荐文章于 2022-04-01 12:22:22 发布

weixin_30445169

最新推荐文章于 2022-04-01 12:22:22 发布

阅读量108

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zrui-xyu/p/7514743.html

本文介绍了一种使用jQuery实现的功能，即通过双击Radio按钮来切换其选中状态，达到类似Checkbox的效果。此方法适用于不希望更改UI设计但又需要额外功能的场景。

转载自：http://www.jb51.net/article/113730.htm

由于项目的需求，要求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);
    }
  });