0

次のような形式の time_select があるとします。

<%= f.time_select :rtime, :disabled => true %>

次のような同じ形式のチェックボックスがあります。

<%= f.check_box :rtime %>

チェックされたときに time_select タグを有効にする JS/JQuery スクリプトを作成するにはどうすればよいですか?

===========================================

私のために働いた解決策:

===========================================

time_select タグは、自動生成された ID を持つ2 つの選択フィールドを自動生成しました。1 つは時間用、もう 1 つは分用です。私は自分の HTML ページのソース コードに行き、これら 2 つの自動生成フィールドの ID である"trip_rtime_4i""trip_rtime_5i"を見つけました。

だから私は次のように私のcheck_boxのjavascriptを書いた:

<%= f.check_box :rtime, :onclick => "if(this.checked) 
                                     { 
                                      document.getElementById('trip_rtime_4i').disabled = false;
                                      document.getElementById('trip_rtime_5i').disabled = false;
                                     }
                                     else
                                     {
                                      document.getElementById('trip_rtime_4i').disabled = true;
                                      document.getElementById('trip_rtime_5i').disabled = true; 
                                     } " %>

これにより、チェックボックスをオンまたはオフにすることで、時間フィールドが有効または無効になります。お役に立てれば :)

4

0 に答える 0