jQueryでラジオボタンのチェックを外す方法

公開日:  最終更新日:2023/04/25


ラジオボタン

ラジオボタンは、一度選択すると他の選択肢に戻すことができないですが、

JavaScript(楽なのがJqueryの方)を使用してラジオボタンのチェックを外すことができます。

ラジオボタンを選択するには、checked属性にtrueを設定するだけです。

checked属性にfalseを設定すると、ラジオボタンの選択を解除します。

汎用性高いのでメモ

ラジオのチェックを付けたり外したりする

※jqueryは読み込んどいてください

ヘッダー入れときます

<script language="javascript" type="text/jacvascript" src"hoge_path/jquery.min.js"></script>

<script>

  $(function(){
  
    var radio_val;
    
    $('input[type="radio"]').click(function() {
      if ($(this).val() === radio_val) {
        $(this).prop('checked', false);
        radio_val = null;
      }
      else {
        radio_val = $(this).val();
      }
    });
    
  });

</script>

関連記事-こちらもどうぞ

  • 記事はありませんでした