Javascript 如何使选中的复选框在警报时显示

我真的被这件事缠住了。我试着到处找，却找不到答案。我试图使我的复选框和收音机显示选中的复选框，但它必须在显示警报时显示选定的答案。有人能帮我弄清楚吗

函数弹出（）{
var firstName=document.getElementById（“名称”）.value；
var lastName=document.getElementById（“last”）.value；
var age=document.getElementById（“age”）.value；
var male=document.getElementById（“male”）。已选中；
var female=document.getElementById（“female”）。已选中；
var female=document.getElementById（“female”）。已选中；
var location=document.getElementById（“位置”）。已选中；
var first=document.getElementById（“first”）。已选中；
var second=document.getElementById（“second”）。已选中；
var res=document.getElementById（“res”）。已选中；
var a=document.getElementById（“a”）。已选中；
var b=document.getElementById（“b”）。已选中；
返回警报（“名字：“+firstName+”\n“+”姓氏：“+lastName+”\n“+”年龄：“+Age+”\n“+”性别：“+male+female+”\n“+”位置：“+Location+First+second+”\n“+”饮食限制：“+res+a+b）
}

名字：


姓氏：


年龄：


性别：
男性
女性


地点：
迈阿密
纽约
休斯敦


饮食限制：
不含乳糖
犹太教徒
素食主义者


好啊

您需要将值从表单发送到函数

因此，您应该等待表单提交，而不是单击按钮

然后在onsubmit上，将表单的值发送给函数，在这里可以轻松地从表单中提取所需的值

现在，您已经获得了事件参数所需的所有数据。 获取已提交给函数的表单。 event.target.name将为您提供名称输入

请记住使用event.preventDefault（）。否则，浏览器将发送信息并重新加载页面，因为它正在尝试提交数据

功能弹出窗口（事件）{
event.preventDefault（）；
var targetForm=event.target
var firstName=targetForm.name.value；
var lastName=targetForm.last.value；
var age=targetForm.age.value；
var male=targetForm.male.checked；
var female=targetForm.female.checked；
var位置=targetForm.location.checked；
var first=targetForm.first.checked；
var second=targetForm.second.checked；
var res=targetForm.res.checked；
var a=已检查的目标形式a；
var b=已检查的目标形式b；
返回警报（“名字：“+firstName+”\n“+”姓氏：“+lastName+”\n“+”年龄：“+Age+”\n“+”性别：“+male+female+”\n“+”位置：“+Location+First+second+”\n“+”饮食限制：“+res+a+b）
}

名字：


姓氏：


年龄：


性别：
男性
女性


地点：
迈阿密
纽约
休斯敦


饮食限制：
不含乳糖
犹太教徒
素食主义者


好啊

要显示单选按钮/复选框的值，可以使用

查询选择器（…）。单选按钮使用
值，复选框使用
查询选择器所有（…）
。但是您需要首先在
中添加
值
属性。对于每个字段，还需要指定
名称


功能弹出窗口（e）{
e、 预防默认值（）；
var firstName=document.getElementById（“名称”）.value；
var lastName=document.getElementById（“last”）.value；
var age=document.getElementById（“age”）.value；
var-gender=document.querySelector（'input[name=“gender”]：checked'）。值；
var location=[…document.querySelectorAll（'input[name=“location”]：checked'）].map（e=>e.value）；
var res=[…document.querySelectorAll（'input[name=“res”]：checked'）].map（e=>e.value）；
返回警报（“名字：“+firstName+”\n“+”姓氏：“+lastName+”\n“+”年龄：“+Age+”\n“+”性别：“+Gender+”\n“+”位置：“+Location+”\n“+”饮食限制：“+res”）
}

名字：


姓氏：


年龄：


性别：
男性
女性


地点：
迈阿密
纽约
休斯敦


饮食限制：
不含乳糖
犹太教徒
素食主义者


好啊