Warning: Undefined variable $meta_description in /home/ryuyadesign/ryu-ya.jp/public_html/wp/wp-content/themes/ryuyadesign/admin/setting/ini.php on line 67

Warning: Undefined variable $meta_description in /home/ryuyadesign/ryu-ya.jp/public_html/wp/wp-content/themes/ryuyadesign/admin/setting/ini.php on line 67
[jQuery]選択状態になったラジオボタンを再度クリックして選択解除するjQueryコード。 - JavaScript | 龍弥デザイン ホームページ制作 岡山・倉敷

[jQuery]選択状態になったラジオボタンを再度クリックして選択解除するjQueryコード。

Sponserd link

ラジオボタンは一度クリックしてしまうと同一の「name」を持つ他のラジオボタンをクリックしなければ選択が解除されません。もう一度クリックすることで選択状態が解除できるようにするには、以下のjQueryコードが良さそうです。

JS

$(function(){
  var nowchecked = $('input[name=xxxx]:checked').val();
  $('input[name=xxxx]').click(function(){
    if($(this).val() == nowchecked) {
      $(this).prop('checked', false);
      nowchecked = false;
    } else {
      nowchecked = $(this).val();
    }
  });
});

参考URL:二度押しで選択解除できるラジオボタン | 技術屋ネオビットの覚え書き

Sponserd link

一覧に戻る


Warning: Undefined variable $meta_description in /home/ryuyadesign/ryu-ya.jp/public_html/wp/wp-content/themes/ryuyadesign/admin/setting/ini.php on line 67