JQuery 自动检查复选框并显示下拉菜单

Posted 2023-05-09

【中文标题】JQuery 自动检查复选框并显示下拉菜单

【英文标题】：JQuery automatically check a checkbox and show dropdown menu

【发布时间】：2020-11-15 14:36:44

【问题描述】：

我想自动选中一个复选框并在满足特定条件时显示下拉菜单。

在我拥有它之前。但现在我希望自动选中复选框并在满足条件时自动切换下拉列表

 = check_box_tag 'recorded', 1, @user.recorded, onClick: "jQuery('#Recording').fadeToggle();"

这部分代码是我想要改变的。我在下面尝试过，如果满足该条件，它会选中复选框，但如果选中则不显示菜单。

- if @tenant.enable_recording_extensions
  = check_box_tag 'recorded', 1, @user.recorded, checked: "jQuery('#Recording').fadeToggle();"

这是完整的if statement

      .panel.panel-primary
        .panel-heading
          - if @tenant.enable_recording_extensions
            = check_box_tag 'recorded', 1, @user.recorded, checked: "jQuery('#Recording').fadeToggle();"
            %strong Enable
          - else
            = check_box_tag 'recorded', 1, @user.recorded, onClick: "jQuery('#Recording').fadeToggle();"
            %strong Enable

控制器

if @tenant.enable_recording_extensions
 @user.recorded = params[:recorded]
 return true
else
 @user.recorded = params[:recorded]
 return false
end

【参考方案1】：

请查看check_box_tag-参考：ApiDock

看来@user.recorded 是false。

checked: "jQuery('#Recording').fadeToggle();" 应该怎么做？这是一团糟。

【讨论】：

勾选后应该启用下拉菜单

在我将它作为 `onClick:"jQuery('#Recording').fadeToggle();"`` 之前效果很好，但现在我添加了一个条件来满足。我希望自动选中复选框并在满足条件时切换下拉菜单

条件是check_box_tag中的第三个参数，如果复选框被选中，那么params[:recorded]是false oder 0。