Javascript 控制台检出单选按钮

Javascript 控制台检出单选按钮,javascript,html,dom,checked,Javascript,Html,Dom,Checked,我试图用JS来控制单选按钮,以便查看选中按钮的值。Js似乎没有语法错误,但它返回未定义的: 这是HTML: const firstName=document.querySelector(“#firstName”); const lastName=document.querySelector(“#lastName”); const email=document.querySelector(“#email”); const comments=document.querySelector(“#com

我试图用JS来控制单选按钮,以便查看选中按钮的值。Js似乎没有语法错误,但它返回未定义的:

这是HTML:

const firstName=document.querySelector(“#firstName”);
const lastName=document.querySelector(“#lastName”);
const email=document.querySelector(“#email”);
const comments=document.querySelector(“#comments”);
让meeting1=document.querySelector(“#meetingtype1”);
let meeting2=document.querySelector(“#meetingtype2”);
let meeting3=document.querySelector(“#meetingtype3”);
let meeting4=document.querySelector(“#meetingtype4”);
让会议;
如果(会议1.选中){
会议=会议1.价值观;
控制台日志(meeting=“1”);
}否则,如果(会议2.已选中){
会议=会议2.价值观;
控制台日志(会议=“2”)
}否则,如果(会议3.已选中){
会议=会议3.价值观;
控制台日志(会议=“3”)
}否则如果(会议4.选中){
会议=会议4.价值观;
控制台日志(会议=“4”)
}
const submitform=document.querySelector(“#submitform”);
submitform.addEventListener('click',function(){
console.log(`Name:${firstName.value},Last Name:${lastName.value},Email:${Email.value},Comment:${comments.value}会议类型:${meeting}`);
});

你想见个面吗?
咖啡
会议
开车去埃拉特
主厨餐

提交
由于要在单击按钮时检查值/将其记录到控制台上,请确保在EventListener内部而不是函数外部使用if-else语句。如果您以自己的方式编写If-else语句,它将在页面第一次加载时执行

要打印所选会议的当前值,请将JavaScript代码更改为。我修改了你提供的代码

let meeting1 = document.querySelector('#meetingtype1');
let meeting2 = document.querySelector('#meetingtype2');
let meeting3 = document.querySelector('#meetingtype3');
let meeting4 = document.querySelector('#meetingtype4');
let meeting;

const submitform = document.querySelector('#submitform');

submitform.addEventListener('click', function () {
    if (meeting1.checked){
        meeting = meeting1.value;
    } else if (meeting2.checked){
        meeting = meeting2.value;
    } else if (meeting3.checked){
        meeting = meeting3.value;
    } else if (meeting4.checked){
        meeting = meeting4.value;
    }
    console.log(`Type of meeting: ${meeting}`);
});

虽然这样的答案可以解决问题,但请解释这些变化,以便OP从中学习。谢谢。我对我的回答补充了一个解释,非常感谢。成功了!