单击复选框时隐藏/显示内容？答案

【问题标题】：Hide/Show content when checkbox is clicked?单击复选框时隐藏/显示内容？
【发布时间】：2010-01-31 00:37:25
【问题描述】：

嘿，我这里有一段代码：

<div class="label"><%= f.label :course %> <span>(Does this relate to a specific course?)</span></div>
    <%= check_box_tag(:no_course) %>
      <%= label_tag(:no_course, "None") %><br />
    <%= f.collection_select(:course_id, @current_account.courses.find(:all, :order => "name"), :id, :name) %>

我怎样才能做到这一点

<%= f.collection_select(:course_id, @current_account.courses.find(:all, :order => "name"), :id, :name) %>

只在什么时候显示

<%= check_box_tag(:no_course) %>

是用javascript选择的吗？

谢谢！

【问题讨论】：

标签： javascript forms checkbox show-hide

【解决方案1】：

如果您使用 jQuery 进行操作，请在您的 document.ready 中执行此操作：

if(!$('.no_course:checked').length) {
   $('myElementSelectedByClass').hide();
}

我在这里假设它最初是显示的，而您在页面加载时将其隐藏。基本前提是获取您的复选框 DOM 元素（在这种情况下，我通过类名获取）并查看是否设置了选中的属性。如果没有，则隐藏它。

【讨论】：