javascript - 根据所选电台隐藏 div WooCommerce 购物车页面

Question

尝试了其他有类似问题的线程无济于事我有点卡住了。

.woocommerce-shipping-destination 在购物车页面中，如果选择了除以下之外的任何单选按钮，则应显示带有类的 div ：

<li>
<input type="radio" name="shipping_method[0]" data-index="0" id="shipping_method_0_local_pickup5" value="local_pickup:5" class="shipping_method" checked="checked">
<label for="shipping_method_0_local_pickup5">Hämta själv</label>
</li>

我面临的问题是，现在，默认情况下选择了拾取器，它不应该选择并且隐藏了 div。但是，如果我开始选择其他单选按钮，则会显示 div 并且永远不会再次隐藏。我究竟做错了什么？

<?php
add_action( 'wp_head', function () { ?>
<script>


jQuery( document ).ready(function( $ ) {

    $('input[type="radio"]').click(function () {
        if ($(this).attr("value") == "local_pickup:5") {
            $(".woocommerce-shipping-destination").hide('slow');
        }
        if ($(this).attr("value") == "msunifaun_web-ta:6") {
            $(".woocommerce-shipping-destination").show('slow');
        }
    });

    $('input[type="radio"]').trigger('click'); // trigger the event
});
</script>
<?php } );

是否与单击按钮已更新 ajax 的事实有关？

标签： javascriptjquerywoocommerce