假设我有一个 time_select 的形式,例如:
<%= f.time_select :rtime, :disabled => true %>
我有一个相同形式的复选框,例如:
<%= f.check_box :rtime %>
如何编写一个 JS/JQuery 脚本,在选中时启用 time_select 标记?
============================================
对我有用的解决方案:
============================================
time_select 标签自动生成了两个带有自动生成 ID 的选择字段,一个代表小时,一个代表分钟。我查看了我的 HTML 页面的源代码,找到了这两个自动生成字段的 id,它们是"trip_rtime_4i"和"trip_rtime_5i"。
所以我为我的复选框编写了 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;
} " %>
这将启用和禁用选中和取消选中复选框的时间字段。希望这可以帮助 :)