基于单选按钮值调用不同的javascript文件

首先，我想在单选按钮中进行选择，然后根据选择的按钮，我想调用一系列不同的javascript文件，请参见demo.js和demo1.js的区别。 这是我的代码，但它不起作用：

请选择您的性别：

男性的 女的 另外 var form=document.getElementByIdgender； 异形=雄性 { } 其他的 { }

---

单击“是”时，下面的示例将显示一个输入字段

函数ShowHideDiv{ var chkYes=document.getElementByIdchkYes； var-dvPassport=document.getElementByIddvPassport； dvPassport.style.display=chkYes.checked？块：无； } 你有护照吗？ 对 不 护照号码：

---

这个问题以前被问过多次。您可以创建一个自定义函数

function include(filename)
{
   var head = document.getElementsByTagName('head')[0];

   var script = document.createElement('script');
   script.src = filename;
   script.type = 'text/javascript';

   head.appendChild(script); 
}   

---

如果这个脚本不起作用，我建议您仔细阅读这篇文章：

因为您已经在使用发布代码中引用的jQuery，所以最简单的方法是使用jQuery和ajax

首先，您需要检测单击单选按钮的用户。然后，您可以检查单击了哪个单选按钮，并使用jQuery$。加载一个ajax函数，该函数将从服务器将文件加载到您的项目中

未测试的示例代码：

<p>Please select your gender:</p>
<label for="male">
   Male: <input type="radio" id="male" name="gender" value="male">
</label><br>
<label for="female">
   Female: <input type="radio" id="female" name="gender" value="female">
</label><br>
<label for="other">
   Other: <input type="radio" id="other" name="gender" value="other">
</label>
<div id="loader"></div>


$(function(){
   $('input[type=radio]').click(function(){
      let id = this.id;
      //alert(`You chose: ${id}`);
      if (id === 'male'){
         $('#loader').load('./demo.html');
      }else if (id === 'female'){
         $('#loader').load('./demo1.html');
      }
   });
});

请注意，demo.html/demo1.html文件将只包含您希望加载的javascript，但介于和标记之间，因为它们是html文档

---

还请注意，不需要构造。在使用ajax之前，我们使用表单。有关更多信息，请参阅。

由于以下几个原因，您的方法无法以这种方式工作。HTML没有if或任何逻辑编程能力。即使这样，if也会在页面加载时运行，而不是在事件发生时运行。表单也是一个元素，不是字符串。为什么你认为你需要不同的脚本文件呢？你们这里的是一个我想在不同的人脸过滤器demo.js和demo1.js之间选择的单选按钮。我该怎么做？您可以将更改事件侦听器分配给收音机，并且在事件发生时使用收音机的值来确定要更改的逻辑process@cssyphus是的，它很有用。谢谢你的帮助！高度怀疑OP认为他们需要不同的脚本，而他们真正需要的只是基于变更事件的不同逻辑。