javascript - 信号機スタイルのフォーム

Question

ボタンを押すだけで回答を生成する、使いやすいフォーム Web アプリを作成しています。

ボックスに色を表示するか数字を表示し、可能であれば両方を表示して、一度押すと数字のみが表示されるか、他のボックスが暗くなるため、たとえばボックス3を押したことがはっきりとわかります。最終的にどのボタンが押されたかを記録し、フォームに追加したいと思います。

そのようなボタンを作成する方法はありますか?

Answer 1

すべてのボタンにクラスを与えてから、次のようにします。

$('.btnClass').click(function() {
  $('.btnClass').css('opacity', 0.5);
  $(this).css ('opacity', 1);
  });

これにより、選択されていないボタンが暗くなります。