从单选按钮输入单击时显示模式

Question

我有两个单选按钮。是和否。如果是，单击它会在下方显示一个下载按钮，该按钮适用于当前的 HTML 和 Javascript。现在，当您选择“否”单选按钮时，我希望它显示一个带有信息的模式。我已经实现了模态并作为一个单独的按钮工作，但我还没有找到任何解决方案来在单选按钮输入时显示模态。

这是我用于在 div 的单选按钮输入中显示/隐藏的当前 Javascript。

    $(document).ready(function(){
      $("input[name$='bn']").click(function(){
      var radio_value = $(this).val();
      if(radio_value=='0') {
        $("#contact").fadeIn("slow");
        $("#dlcert").fadeOut("slow");
       }
      else if(radio_value=='1') {
        $("#dlcert").fadeIn("slow");
        $("#contact").fadeOut("slow");
        }
      });
      $('[name="bn"]:checked').trigger('click');
    });

jSFiddle

Answer 1

如果输入 no 被选中，你应该使用$('#myModal').modal('show');

$('input[name="bn"]').change(function() {
   if($(this).is(':checked') && $(this).val() == '0') {
        $('#myModal').modal('show');
   }
});

演示：https://jsfiddle.net/IA7medd/pd86o68u/2/