ACF 单选按钮更改类 Wordpress答案

【问题标题】：ACF Radio Buttons change class WordpressACF 单选按钮更改类 Wordpress
【发布时间】：2021-03-07 03:25:30
【问题描述】：

我目前正在我的 WordPress 博客中使用 ACF 插件。

我可以设法获得单选按钮，但现在我希望它们在选择一个时更改我的 styles.css 文件......例如选择“是”时，没有任何内容，如果选择“否”时，该类应从以下情况发生变更：

    .post-image {
    grid-area: postimage;
}

到：

    .post-image {
    grid-area: postimage;
    display: none;
}

我该怎么做？在哪里我需要这样做？

【问题讨论】：

不，它不应该“改变你的 styles.css 文件”。相反，您应该根据 additional 类将元素格式不同的规则放入样式表中，以 - .post-image.no { … } 开头，然后在创建 HTML 输出时，确保添加根据您的 ACF 字段包含的内容，将类添加到元素的 class 属性中。

标签： php wordpress advanced-custom-fields

【解决方案1】：

不要更改 @cbroe 提到的 Style.css 文件您还可以使用基本的 jQuery 来检查单选按钮的状态。基于此，您可以添加一个单独的类来显示或隐藏您的元素。

类似：

在你的 style.css 中添加这两种样式。

.showimage{
  display:block;
}
.post-image{
  display:none;
}

你的 JS 看起来像：

$(document).on("click", 'input.check', function () {
  if ($(this).is(":checked")) {
    $('.post-image').addClass('showimage');
  }else{
    $('.post-image').removeClass('showimage');
  }
});

【讨论】：

感谢您的快速回答！但我现在有点迷路了......我需要把第二部分放在哪里？我根本没有 JS 文件...