Javascript 如何在选中其中一个复选框后激活按钮?以及如何将值从复选框动态传输到rezBlock_1块?

Javascript 如何在选中其中一个复选框后激活按钮?以及如何将值从复选框动态传输到rezBlock_1块?,javascript,html,css,Javascript,Html,Css,为什么我的代码不起作用?如何在选中一个复选框后激活按钮?以及如何将文本从复选框动态传输到rezBlock_1块 CODPEN document.addEventListener(“DOMContentLoaded”,()=>{ 让radioBtn=document.queryselectoral('.radioBtn'); 让activeBtn=document.querySelector('.activeBtn'); 让formRadio=document.querySelector('.

为什么我的代码不起作用?如何在选中一个复选框后激活按钮?以及如何将文本从复选框动态传输到rezBlock_1

CODPEN

document.addEventListener(“DOMContentLoaded”,()=>{
让radioBtn=document.queryselectoral('.radioBtn');
让activeBtn=document.querySelector('.activeBtn');
让formRadio=document.querySelector('.formRadio');
设rezBlock_1=document.querySelector('.rezBlock_1');
函数checkRadio(){
for(设i=0;i
.blockRez{
宽度:200px;
高度:100px;
边框:1px纯红;
}
#雷兹布洛克1{
宽度:150px;
高度:30px;
边框:1px纯蓝色;
}

做出你的选择

红色的

绿色的

蓝色的

选择


您可以为单击事件添加eventListener。要重新激活按钮,请将
禁用设置为false

document.addEventListener(“DOMContentLoaded”,()=>{
让输入=document.queryselectoral(“.radioBtn”);
inputs.forEach(input=>input.addEventListener(“单击“,()=>{document.querySelector('.activeBtn')。disabled=false;}))
});
.blockRez{
宽度:200px;
高度:100px;
边框:1px纯红;
}
#雷兹布洛克1{
宽度:150px;
高度:30px;
边框:1px纯蓝色;
}

做出你的选择

红色的

绿色的

蓝色的

选择


Check
checked
属性而不是属性。像这样吗?如果(radioBtn[i].checked){activeBtn.disabled=false;},如何正确地将值从选中的复选框传递到块rezBlock_1?