Javascript 交付时预设付款选择隐藏/显示付款方式

我正在试图弄清楚如何在选择交货方式时显示/隐藏付款方式

我尝试了两种解决方案，但都不管用

其中之一是：

<script>
   $(document).ready(function(){
       toggleFields();

       $('.delivery_option_radio').on('change', function() {
           toggleFields();
       });
   });

   function toggleFields() {
       if ($('#delivery_option_3_0').is(':checked')) {
          alert("Selected")
       } else {
          alert("Not Selected");
       }
   }
</script>

$（文档）.ready（函数（）{
切换字段（）；
$（'.delivery\u option\u radio'）。在（'change'，function（）上{
切换字段（）；
});
});
函数toggleFields（）{
如果（$（'#交付选项''u 3''u 0'）是（':checked'））{
警报（“选定”）
}否则{
警报（“未选择”）；
}
}

问题是它只工作了2次。例如：

页面加载，警报框出现并显示：选中，然后我选择其他单选按钮，它显示“未选中”，然后停止工作

有什么解决办法吗？我在这里找到了本教程：

---

我读到它可能与ajax有关。。我必须重新加载jQuery，因为交付单选按钮使用ajax来计算总价。

无需再进行代码开发。使用非常好的免费模块。适用于1.6/1.5，甚至适用于1.4

它是如何工作的？ 您有货到付款方式。所以在下一个付款步骤中，您的客户将不会看到任何Bankwire、PayPal、店内提货选项—只有一种货到付款方式

下一个例子。客户希望直接在店内提货。他选择送货选项在商店提货和付款方式将不会看到货到付款方式或PayPal/Bankwire选项