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

时间:2010-01-31 00:37:26

标签: javascript forms checkbox show-hide

嘿,我这里有一段代码:

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

谢谢!

1 个答案:

答案 0 :(得分:1)

如果您使用jQuery,请在document.ready中执行此操作:

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

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