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

Posted 2023-03-05

【中文标题】从单选按钮输入单击时显示模式

【英文标题】：Show modal on click from radio button input

【发布时间】：2016-09-17 23:33:16

【问题描述】：

我有两个单选按钮。是和否。如果是，单击它会在下方显示一个下载按钮，该按钮适用于当前的 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】：

如果输入 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/

【讨论】：

你是男人中的神。谢谢！！本质上，这只是添加到显示/隐藏每个单选按钮的原始功能，对吗？

是的，您可以将其添加到原始函数中，但在这种情况下，每次单击输入时都会打开它，但我的函数仅在更改时起作用，因此如果已检查输入，则不会打开模态。不客气:)