根据是否选中复选框隐藏/显示表单输入

Question

我使用jquery根据是否选中了复选框来显示和/或隐藏表单输入。
我的js.coffee

$(document).ready ->
  jQuery ->
    $(".refrigerator_style").hide()
      $("#contract_refrigerator").on "change", ->
        $(".refrigerator_style").slideToggle()
        return

我的form.html.haml

.form-group
  .col-sm-offset-3.col-sm-6
    .checkbox
      %label
        = f.check_box(:refrigerator, {}, "Yes", "No")
        %strong Refrigerator
.refrigerator_style
  .form-group
     %label.col-xs-6.col-sm-3.control-label Refrigerator Style
     .col-sm-6
      = f.collection_select :refrigerator_style, StandardOption.available.where(room:           "Refrigerator"), :name, :name, {:include_blank => " "}, { :class => 'form-control'}   

如果选中复选框，如何显示div，以及/或如果在编辑时未选中复选框，则保持隐藏状态？

Answer 1

首先，您应该使用.toggle()代替.slideToggle()

您也不需要在js中隐藏它。您可以在html中初始化checked属性。这是一个example。

祝你好运。