次のような形式の 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;
} " %>
これにより、チェックボックスをオンまたはオフにすることで、時間フィールドが有効または無効になります。お役に立てれば :)