如何隐藏给定复选框的字段？

Question

我正在尝试创建动态查询页面。我非常乐意在铁轨上学习红宝石，这正是我目前正在做的事情。但是，这有一个时间限制，如果选中复选框，我一直在搜索如何隐藏表单上的字段。我几乎没有红宝石技能，我不能改变另一种语言。任何帮助都将非常感激。另外，如果你知道一个很好的查询页面教程会有所帮助!!!

Answer 1

表格如下：

<form ...>
  <input id="hide-box" type="checkbox" />
  <input id="field-to-hide" />
</form>

你需要使用类似JQuery的东西来监听相应的检查和隐藏。

$('#hide-box').on('change', function() {
  $('#field-to-hide').toggle($(this).prop('checked'));
});