Javascript 根据菜单中的选择更改输入类型

我正在尝试使用JQuery为输入元素进行动态添加，到目前为止，我已经在下面的代码中完成了这项工作，我的问题是，当尝试

复选框和
日期时，它不起作用，但是对于
无线电
没有问题。

我是JS和JQuery的初学者，所以每一个搜索结果都不能帮助我解决这个问题，任何帮助都将不胜感激


$（文档）.ready（函数（）{
var max_字段=5；
变量包装器=$（“.container1”）；
var add_button=$（“.add_form_field”）；
var type_uuu=$（“#q_u类型：选定”）.val（）；
var x=1；
$（添加按钮）。单击（功能（e）{
e、 预防默认值（）；
如果（x

选择问题类型：
选择这里
收音机
复选框
日期
电子邮件


添加新字段+
加载页面时，您只需检查一次输入类型。在添加输入之前，需要检查输入类型。将其移动到事件处理程序中


$（文档）.ready（函数（）{
var max_字段=5；
变量包装器=$（“.container1”）；
var add_button=$（“.add_form_field”）；
var x=1；
$（添加按钮）。单击（功能（e）{
var type_uuu=$（“#q_u类型：选定”）.val（）；
e、 预防默认值（）；
如果（x

选择问题类型：
选择这里
收音机
复选框
日期
电子邮件


添加新字段+
加载页面时，您只需检查一次输入类型。在添加输入之前，需要检查输入类型。将其移动到事件处理程序中


$（文档）.ready（函数（）{
var max_字段=5；
变量包装器=$（“.container1”）；
var add_button=$（“.add_form_field”）；
var x=1；
$（添加按钮）。单击（功能（e）{
var type_uuu=$（“#q_u类型：选定”）.val（）；
e、 预防默认值（）；
如果（x

选择问题类型：
选择这里
收音机
复选框
日期
电子邮件


添加新字段+
每次更改输入时间时，都必须对其进行更新，因此您必须在此选择中添加onchange eventlistener

$('#q_types').on('change', function() {
  type__ =  this.value;
});

下面是整个测试代码：


$（文档）.ready（函数（）{
var max_字段=5；
变量包装器=$（“.container1”）；
var add_button=$（“.add_form_field”）；
var type_uuu=$（“#q_u类型：选定”）.val（）；
var x=1；
$（'q#u types'）。on（'change'，function（）{
类型u uu=this.value；
});
$（添加按钮）。单击（函数（e）{
e、 预防默认值（）；
如果（x

选择问题类型：
选择这里
收音机
复选框
日期
电子邮件


添加新字段+
每次更改输入时间时，都必须对其进行更新，因此您必须在此选择中添加onchange eventlistener

$('#q_types').on('change', function() {
  type__ =  this.value;
});

下面是整个测试代码：


$（文档）.ready（函数（）{
var max_字段=5；
变量包装器=$（“.container1”）；
var add_button=$（“.add_form_field”）；
var type_uuu=$（“#q_u类型：选定”）.val（）；
var x=1；
$（'q#u types'）。on（'change'，function（）{
类型u uu=this.value；
});
$（添加按钮）。单击（函数（e）{
e、 预防默认值（）；
如果（x

选择问题类型：
选择这里
收音机
复选框
日期
电子邮件


添加新字段+