javascript - 单击复选框时隐藏/显示内容？

Question

嘿，我这里有一个代码段：

<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选择的吗？

谢谢！

Answer 1

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

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

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