Показать / скрыть кнопку, если отображается поле custum

Question

У меня проблема на странице оформления заказа на моем сайте (на основе WordPress). У меня есть два вида продуктов, и для каждого из них во время оформления заказа я создал настраиваемые поля для сбора конкретной c информации. С условными правилами (по плагину) некоторые поля отображаются только в том случае, если установлен флажок для указанного параметра c Когда они скрыты, анализируя код, у меня возникает такая ситуация:

<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» и наоборот (кнопка show, если 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>

Мне также нужно, чтобы этот скрипт был автоматизирован c ( щелчок не требуется) и слушает любые автоматические c изменения стиля 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');