javascript - 根据复选框的值显示一个 div

Question

我有一个表单 (#sides) 的 div，我只想在未选中一个复选框 (.opp-choice-checkbox) 时显示它。这是我现在拥有的代码:

jQuery ->
  if !$(".opp-choice-checkbox").checked
    $("#sides").hide()
  $(".opp-choice-checkbox").click ->
    $("#sides").slideToggle()

很多人问过类似的问题，但与我的问题不同的是，当我去编辑表单所针对的对象时，有时默认情况下会选中该复选框。在那种情况下，我希望在加载页面时显示 div。我现在的代码默认隐藏 div，无论复选框是否被选中

Answer 1

已更新

您的代码与下面提到的小更新完美配合，参见 Working fiddle 为您的代码:

CoffeeScript :

如果选中 checkbox，您只需在条件中添加 else 即可显示 div:

jQuery ->
  if !$(".opp-choice-checkbox").is(":checked")
    $("#sides").hide()
  else
    $("#sides").show()

  $(".opp-choice-checkbox").click ->
    $("#sides").slideToggle()

如果有时你有一个默认选中的 checkbox，你只需删除条件并用以下代码替换你的 coofee 代码:

jQuery ->
  $(".opp-choice-checkbox").change ->
    $("#sides").slideToggle()

参见 fiddle HERE .

希望对您有所帮助。