Php ACF单选按钮更改类别Wordpress

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

我可以设法得到单选按钮，但是现在我希望他们改变我的样式.css文件时，选择一个。。。e、 g.当选择“是”时，不应发生任何事情，但当选择“否”时，类别应从：

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

致：

---

我如何才能做到这一点？我需要在哪里做到这一点？

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

比如：

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

在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');
  }
});

---

不，它不应该“更改styles.css文件”。相反，您应该在样式表中添加规则，根据附加类对元素进行不同的格式设置，以-

.post-image.no{…}

开头，然后在创建HTML输出时，确保将该类添加到元素的

class

属性中，基于您的ACF字段包含的内容。感谢您的快速回答！但是我现在有点迷路了。。。我需要把第二部分放在哪里？我根本没有JS文件。。。