Javascript 单击按钮后禁用输入字段

我正在配置聊天机器人，我想给用户三个选择。用户将通过单击按钮选择该选项；这意味着，如果单击按钮1，输入字段1将显示在下一个实例中（相同的html文件）。如果单击按钮2，将显示输入字段2等

在第一幅图像中，用户应选择一个意图，根据他们的意图，第二幅图像中的一个输入字段应消失

我尝试过显示和隐藏CSS和JavaScript的配置。然而，它没有起作用。有人能给我一个解决方案吗？诀窍在于不能使用show和hide div方法，因为输入字段不会与按钮同时显示，而是在选择一个选项后显示。提前谢谢你

下面是一些代码：

函数faqact（）{ var x=document.getElementById（“python”）； 如果（x.style.display==“块”）{ x、 style.display=“无”； }否则{ x、 style.display=“block”； } } $（文档）.ready（函数（）{ $（“.select2_el”）。select2（{}）； });

我只想问一个问题
我想让机器人为我做点什么！
我想尽快连接到一个人！
不同的输入字段，因为如果单击按钮1，我希望javascript通过flask连接到python。

听起来你基本上想要一个无线电组来控制与按钮相关的可视性，类似于下面的快速概念验证。干杯

标签{
背景色：#0f0；
填充：.5rem1rem；
保证金：5雷姆；
显示：块；
光标：指针；
}
输入，div，textarea{
显示：无；
}
输入[类型=收音机]：选中+标签{
背景色：#00f；
颜色：#fff；
}
#btn1:选中~#btn1输入{
显示：块；
}
#btn2：选中~#btn2输入{
显示：块；
}
#btn3:已选中~#btn3输入{
显示：块；
}

问个问题什么的。
让机器人做点什么。
与人交谈

机器人填充1机器人填充2

在输入字段中使用属性只读

因此，javascript中的if语句应该如下所示： （此处x是输入字段的id）

---

我终于用jquery解决了这个问题。我使用了我的按钮单选按钮，并最终使用以下脚本解决了我的问题：

$('#startchat').click(function() {
   if($('#radiobutton').is(':checked')) { $("#python").show(); }
});

---

感谢大家的支持

我已将您发布的代码转换为可运行代码；您是否可以通过链接

select2

插件来处理报告的错误？为了清晰起见，我已经编辑了我的问题并添加了一些图片。谢谢您的支持。@hurricane做了一些小的调整来模仿您的“询问更多”。您好，我已经复制粘贴了您的解决方案，但它在聊天机器人中不起作用。我单击单选按钮使其处于选中状态，然后单击开始聊天，然后什么也没有发生。无文本区域无div所有这些都不显示。必须以某种方式保存单选按钮的选择，并在单击“开始”后，执行单选按钮的命令；例如，显示或隐藏一个div，但不知道如何执行。听起来，您只需要在实例中抓取元素以引用blah.getElementById或其他内容，然后连接事件处理。我只提供了一个快速的概念证明来完成您的用户体验，将它连接到您的代码中需要…嗯，代码。祝你好运：）

$('#startchat').click(function() {
   if($('#radiobutton').is(':checked')) { $("#python").show(); }
});