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/

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

1 个答案: