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

时间:2016-05-20 16:06:45

标签: jquery html twitter-bootstrap radio-button show-hide

我有两个单选按钮。是和否。是的,点击它会显示下面的下载按钮,可以使用当前的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

1 个答案:

答案 0 :(得分: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/