jQueryを使用してラジオボタンをオン/オフに切り替える方法は？

Question

こんにちは私はオンとオフを切り替えることができる必要があるラジオボタンがあります。私はチェックボックスを使うべきであることを知っていますが、残念ながら説明するには長すぎる理由でラジオボタンを使用するように制約されています。

そのラジオボタンをクリックすると、それをオフにすることはできません。

jQueryを使用して単一のラジオボタンをオンまたはオフに切り替えることはできますか？

これは私がこれまで行ってきたことですが、うまく動作しません。

jQuery('.gfield_radio li input').click(function() { 
     if(jQuery(this).is(':checked')) { 
      jQuery(this).prop('checked', true); 
     } 

     else if (!jQuery(this).is(':checked')) { 
      jQuery(this).prop('checked', false); 
     } 
    }); 

ご協力いただければ幸いです。

ありがとうございました

Answer 1

私は個人的にラジオボタンを使用しません。とにかく、以下のコードはうまくいくはずです。ここ

var radioState; 

    $('.my-radio').on('click', function() { 
     if (radioState === this) { 
      this.checked = false; 
      radioState = null; 
     } else { 
      radioState = this; 
     } 
    }); 

jsfiddle：https://jsfiddle.net/n76uvo00/