javascript - jQuery 如果选中复选框执行此操作

Question

我有两个隐藏在 $(document).ready(function(){} 上的 div 元素，如果选中它们的特定复选框，它们应该出现，如果选中则消失选中然后取消选中。我可以使用 show() 或 slideDown() 非常轻松地选中复选框时显示元素，但是当我使用 if else 语句它每次都返回 false 并且表单保持隐藏状态......

$(document).ready(function(){
        if($("#upload_yes").is(':checked')) {
            $("#upload_form").show();
        } else {
            $("#upload_form").hide();
        }

        if($("#new_info_yes").is(':checked')) {
                $("#new_info_form").slideDown(500);
        } else {
                $("#new_info_form").hide();
        }   
    }); 

Answer 1

您没有将此代码绑定(bind)到正确的事件:

$(document).ready(function() {
  $("#upload_yes").on('change', function() {
    if ($(this).is(':checked')) {
      $("#upload_form").show();
      $("#new_info_form").slideDown(500);
    } else {
      $("#upload_form, #new_info_form").hide();
    }
  });
});