jquery - 子要素のトグル クラス

Question

$('.toggle').addClass('change_button').removeClass('toggle');
$(this).removeClass('change_button').addClass('toggle');

最初のコメントで、以下の完全なコードのデモを提供しました。
私は 2 セットのボタンを持っています

。1 セット
目 1.Lite
2.Medium
3.Heavy

デモ:フィドル

2番目のセット
1.はい2.
いいえ、これらのセットは、 ラジオボタンの代わりに

、最初のコメントで以下に提供されるデモのようなラジオボタンとして機能する必要があり ます。

Answer 1

これを試して：-

デモ

  $('.change_button.toggle',$(this).closest('div')).removeClass('toggle');
  $(this).addClass('toggle');

 });

説明：-

$('.change_button.toggle',$(this).closest('div')).removeClass('toggle'); 

このステートメントは、クリックされた要素の親 div に存在する .change_button および .toggle クラスを持つ要素を選択し、そのtoggleクラスを削除します。

$(this).addClass('toggle'); 

選択した要素にクラスを追加します。