Javascript 空间上的条件形式

我这里有一个squarespace站点页面，我正在尝试创建一个条件表单，在这种情况下，它将位于附加产品表单上。选择产品变体，然后单击添加到购物车后，弹出的产品表单显示两个无线电输入。如果选择“是”，我希望其他产品表单字段显示当前隐藏的CSS，如果选择“否”，则会显示一条html消息，提示客户单击“产品表单添加到购物车”按钮

<style>
#textarea-yui_3_17_2_1_1585523845981_190824,
#address-yui_3_17_2_1_1585523845981_456969,
#email-yui_3_17_2_1_1585523845981_459960,
#phone-yui_3_17_2_1_1585523845981_461162 {
  display: none;
}
</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$('#radio-yui_3_17_2_1_1585593158170_218442 input:radio').click(function() {
    selection = $(this).val();
    if (selection == 'Yes') {
      $('.form-item').show;
    }
  else
    if (selection == 'No') {
      $('form').html('Maybe Next Time. Please complete adding this product to your card by clicking "Add to Cart"');
    }
});
</script>

CSS使用代码注入器加载到页眉中，脚本位于页脚中。AJAX当前已禁用

问题是，单击事件在弹出窗口上不起作用。任何帮助都将不胜感激。非常感谢。

---

我相信这是一个简单的JS问题，您可以解决

您的单击事件不起作用，因为它未被委派。保存这些按钮的弹出窗口sqs modal lightbox通过AJAX添加到页面上

您需要这样做：

$document.on'click'，'radio-yui_3_17_2_1_15855953158170_218442输入：radio'，功能{ selection=$this.val； 如果选择==“是”{ $'.form item'.show； } 其他的 如果选择=='否'{ $'form'.html'可能下次。请单击“添加到购物车”完成将此产品添加到您的卡中； } };