如何从javascript中动态创建的复选框和单选按钮中获取输入？

我需要在显示的数据组中动态创建复选框和单选按钮，然后我需要获取用户选择并将它们放入变量中

我用一些复选框和单选按钮做了一个示例，但我不知道如何实际获取输入：

这是你的电话号码

var t=document.getElementById（“容器”）；
var data1=[“电视”、“报纸”、“互联网”]；
var data2=[‘纽约’、‘华盛顿’、‘洛杉矶’]；
t、 innerHTML+=checkbutton（数据1）；
t、 innerHTML+=单选按钮（数据2）；
功能检查按钮（d）{
var输出=”；
对于（变量i=0；i
'；
}
返回输出；
}
功能单选按钮（d）{
var输出=”；
对于（变量i=0；i
'；
}
返回输出；
}

像这样

注意事件侦听器和名称的更改

还要确保引用名称和值

功能检查按钮（d）{
var输出=”；
对于（变量i=0；i
'；
}
返回输出；
}
功能单选按钮（d）{
var输出=”；
对于（变量i=0；i
'；
}
返回输出；
}
addEventListener（“加载”，函数（）{
var t=document.getElementById（“容器”）；
var b=document.getElementById（“但是”）；
var data1=[“电视”、“报纸”、“互联网”]；
var data2=[‘纽约’、‘华盛顿’、‘洛杉矶’]；
t、 innerHTML+=checkbutton（数据1）；
t、 innerHTML+=单选按钮（数据2）；
t、 addEventListener（“更改”，功能（e）{
var tgt=e.target；
if（[“radio”，“checkbox”].indexOf（tgt.type）！=-1）{//只查看复选框和收音机。如果需要，进行更改
console.log（tgt.value）；
}
});
b、 addEventListener（“单击”，函数（）{
var vars={}
t、 querySelectorAll（“输入”）.forEach（inp=>{
如果（inp.checked）变量[inp.name]=inp.value
});
console.log（vars）；
})
})

像这样单击

注意事件侦听器和名称的更改

还要确保引用名称和值

功能检查按钮（d）{
var输出=”；
对于（变量i=0；i
'；
}
返回输出；
}
功能单选按钮（d）{
var输出=”；
对于（变量i=0；i
'；
}
返回输出；
}
addEventListener（“加载”，函数（）{
var t=document.getElementById（“容器”）；
var b=document.getElementById（“但是”）；
var data1=[“电视”、“报纸”、“互联网”]；
var data2=[‘纽约’、‘华盛顿’、‘洛杉矶’]；
t、 innerHTML+=checkbutton（数据1）；
t、 innerHTML+=单选按钮（数据2）；
t、 addEventListener（“更改”，功能（e）{
var tgt=e.target；
if（[“radio”，“checkbox”].indexOf（tgt.type）！=-1）{//只查看复选框和收音机。如果需要，进行更改
console.log（tgt.value）；
}
});
b、 addEventListener（“单击”，函数（）{
var vars={}
t、 querySelectorAll（“输入”）.forEach（inp=>{
如果（inp.checked）变量[inp.name]=inp.value
});
console.log（vars）；
})
})

单击

使用javascript可以查询html元素的特定属性，如单选按钮和复选框。 为了能够做到这一点，每个元素都应该有一个唯一的id——因此我们可以使用

document.getElementById（id）

获得一个元素。 另一个选项是按类型获取元素，例如

document.getElementsByTagName（“输入”）

。这将返回所有输入元素的html集合（数组）。 通过一个简单的for循环，您可以迭代该数组，并使用。选中的属性，您可以确定是否选择了其中一个输入框

var t=document.getElementById（“容器”）；
var data1=[“电视”、“报纸”、“互联网”]；
var data2=[‘纽约’、‘华盛顿’、‘洛杉矶’]；
t、 innerHTML+=checkbutton（数据1）；
t、 innerHTML+=单选按钮（数据2）；
功能检查按钮（d）{
var输出=”；
对于（变量i=0；i
'；
}
返回输出；
}
功能单选按钮（d）{
var输出=”；
对于（变量i=0；i
'；
}
返回输出；
}
函数检查（）{
var elements=document.getElementsByTagName（“输入”）；
对于（var a=0；a

检查

使用javascript，您可以查询html元素的特定属性，如单选按钮和复选框。 为了能够做到这一点，每个元素都应该有一个唯一的id——因此我们可以使用

document.getElementById（id）

获得一个元素。 另一个选项是按类型获取元素，例如

document.getElementsByTagName（“输入”）

。这将返回所有输入元素的html集合（数组）。 通过一个简单的for循环，您可以迭代该数组，并使用。选中的属性，您可以确定是否选择了其中一个输入框

var t=document.getElementById（“容器”）；
var data1=[“电视”、“报纸”、“互联网”]；
var data2=[‘纽约’、‘华盛顿’、‘洛杉矶’]；
t、 innerHTML+=checkbutton（数据1）；
t、 innerHTML+=单选按钮（数据2）；
功能检查按钮（d）{
var输出=”；
对于（变量i=0；i
'；
}
返回输出；
}
功能单选按钮（d）{
var输出=”；
对于（变量i=0；i
'；
}
返回输出；
}
函数检查（）{
var elements=document.getElementsByTagNa