ruby-on-rails - Rails フォームの 2 つの要素を切り替えるには、check_box を使用します。

Question

現在、ユーザーがいくつかの数値から選択できるドロップボックスがあります。ただし、カスタムの数値を入力するオプションと、これらのオプションをチェックボックスで切り替えるオプションも提供したいと思います。

Android では、チェックボックスの onClick メソッドでこれを行うことができ、これらの他のフィールド (ドロップボックスとテキスト フィールド) を有効または無効に切り替えることができます。私は Rails 開発に少し慣れていないので、このようなことが可能かどうか疑問に思っていました。

Answer 1

CSS3 を使用して、2 つの異なるフォーム要素を切り替えることができます。

.my-checkbox + input[type=range] {
  display: none;
}
.my-checkbox:checked + input[type=range] {
  display: inline;
}

上記の CSS コードは<input type="range">、クラスのチェックボックスのみがチェックされている場合、その直後の要素を非表示にしmy-checkboxます。