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

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) %> 

我怎么可能使它所以当

<%= check_box_tag(:no_course) %> 

选择了

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

只显示使用JavaScript？

谢谢！

Answer 1

如果您正在使用jQuery做，这样做在你的document.ready：

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

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