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

原创于 2019-06-26 11:10:58 发布 · 640 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery实现radio #点击取消选中

前端专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用jQuery实现页面所有Radio按钮状态切换的方法。通过为每个Radio按钮添加click事件，可以实现当按钮被点击时，记录其选中状态，并在下次点击时反转该状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目开发需要，直接贴代码在JavaScript中，即可实现对于页面所有的radio实现：


// 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);
    }
  });