如果显示自定义字段，则显示/隐藏按钮

Question

我的网站（基于 wordpress）的结帐页面出现问题。 我有两种产品，对于每种产品，在结账时，我都创建了自定义字段来收集特定信息。使用条件规则（通过插件），某些字段仅在选中特定选项列表时才会显示。 当它们被隐藏时，分析代码，我有这种情况：

<div class="form-row form-row-wide thwcfe-html-field-wrapper thwcfe-conditional-field" id="stud_no_req_field" data-name="stud_no_req" data-rules="[[[[{&quot;operand_type&quot;:&quot;field&quot;,&quot;value&quot;:&quot;2&quot;,&quot;operator&quot;:&quot;value_eq&quot;,&quot;operand&quot;:[&quot;student&quot;]}]]]]" data-rules-action="show" style="display: none;">...</div>

当它们出现时，“块”中的样式属性会发生变化。

在页面的最后，我还有一个提交订单的按钮。

<button type="submit" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="Associati" data-value="Associati">Associati</button>

如果上面的自定义文件有“display:block”，我正在寻找一个隐藏此按钮的脚本，反之亦然（如果 div 有“display:none”，则显示按钮）。

我已尝试使用此脚本（在结帐页面中），但没有任何反应：

<script>
$(document).ready(function() {
if ($("#stud_no_req_field").style.display == "block")
{
    $("#place_order").style.display = "none";  
}
else
{
    $("#place_order").style.display = "block";
}
});
</script>

我还需要这个脚本是自动的（不需要点击）并监听 div 样式的任何自动更改（在 html 标记内）。

非常感谢！！！你是我的天使！

Answer 1

您使用了错误的代码。你应该这样做

$("#place_order")[0].style.display = 'none'; // I added [0]

或者使用 jQuery API (https://api.jquery.com/css/)

$("#place_order").css('display', 'none');