Javascript JQuery函数对单选按钮没有响应

这对我来说是一个非常棘手的问题（或者说我完全是个哑巴）。尝试使用JQuery功能，当用户选择某个单选按钮时，下面的表单会相应更改（例如，个人看到姓名、公司、头衔、电话、电子邮件和地址。公司只看到公司、电话、电子邮件和地址。但当前单击单选按钮无效）

我还想问一下： 1） 是我的函数$（'#contactType>input'）。在正确的地方（在内部），还是应该在其他地方？ 2） 我可以使用index.js文件来简化吗？如果是这样，如何链接index.js？只是

干杯

$（文档）.ready（函数（）{
listenForInputChanges（）；
})
函数listenForInputChanges（）{
$（'#contactType>input'）。更改（函数（）{
console.log（'val是'+$（this.val（））
开关（$（this.val（））{
“个人”案件：
$（'#nameDiv'）.show（）；
$（'#companyDiv'）.show（）；
$（'titleDiv'）.show（）；
$（'#phoneDiv'）.show（）；
$（'#emailDiv'）.show（）；
$（'#addressDiv'）.show（）；
打破
案例“团队”：
$（'#nameDiv'）.show（）；
$（'#companyDiv'）.show（）；
$（'titleDiv'）.hide（）；
$（'#phoneDiv'）.show（）；
$（'#emailDiv'）.show（）；
$（'#addressDiv'）.show（）；
打破
“公司”一案：
$（'#nameDiv'）.hide（）；
$（'#companyDiv'）.show（）；
$（'titleDiv'）.hide（）；
$（'#phoneDiv'）.show（）；
$（'#emailDiv'）.show（）；
$（'#addressDiv'）.show（）；
打破
}
})
}

创建新联系人
Motoko保险联系人
您正在添加什么类型的联系人？
个人
团队
单位
名称
单位
标题
电话
电子邮件
地址

您缺少jQuery库。请记住将其添加到页面的

部分：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

创建新联系人
Motoko保险联系人
您正在添加什么类型的联系人？
个人
团队
单位
名称
单位
标题
电话
电子邮件
地址

您缺少jQuery库。请记住将其添加到页面的

部分：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

创建新联系人
Motoko保险联系人
您正在添加什么类型的联系人？
个人
团队
单位
名称
单位
标题
电话
电子邮件
地址

要将JavaScript放在单独的文件中，只需在与.html文件相同的目录中创建一个JavaScript文件（例如：“index.js”）。之后，将您制作的Javascript放入该文件中。现在，您可以使用脚本标记将其包括在内：

<script type="text/javascript" src="index.js"></script>

---

src指向index.js文件相对于.html文件的路径。

要将JavaScript放在单独的文件中，只需在与.html文件相同的目录中创建一个JavaScript文件（例如：“index.js”）。之后，将您制作的Javascript放入该文件中。现在，您可以使用脚本标记将其包括在内：

<script type="text/javascript" src="index.js"></script>

---

src指向index.js文件相对于.html文件的路径。

这对meI有效，只是添加了jQuery lib你想让我发布答案吗？@bobber205这是多种来源的组合，请允许我插手并添加代码，并根据联系人列表的需要对其进行调整。请不要在一个SO帖子中问多个不同的问题。你的主要问题是“为什么它不起作用”，这个问题已经得到了回答。其余的都离题了，偏离了你的主题。这对meI来说是有效的。我刚刚添加了jQuery lib你想让我发布答案吗？@bobber205这是多种来源的组合，请允许我插手并添加代码，并根据联系人列表的需要对其进行调整。请不要在一个SO帖子中问多个不同的问题。你的主要问题是“为什么它不起作用”，这个问题已经得到了回答。其余的都是离题的，偏离了你的主要问题。你能建议对这段难看的代码做些什么改进吗？让它更简单？也许使用

data-*

attribute？你真是个传奇哈哈！现在工作很好@这很难看，但是我用代码工作了不到一周：）@RokoC.Buljan可能是一两个jajaja。应预选收音机的第一个。其次，我将为每个案例创建一个函数，使

listenForInputChanges（）

稍微短一点。我不会改变逻辑。每个程序员都有自己的逻辑jajaja@kerrysun这很有帮助