单击单选按钮输入时显示模态

Question

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

这是我从 div 的单选按钮输入 show/hide 获得的当前 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

如果检查了输入号，您应该使用$('#myModal').modal('show');

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

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

单击单选按钮输入时显示模态

Show modal on click from radio button input

html

jquery

show-hide

radio-button

twitter-bootstrap