如果在javascript中选择了所有div,如何启用按钮?

如果在javascript中选择了所有div,如何启用按钮?,javascript,addeventlistener,Javascript,Addeventlistener,我有一些动态生成的div。一旦选择了所有div,就必须启用提交按钮,有人能帮我吗 let card=document.getElementsByClassName('card'); 让allSelected=document.querySelectorAll('selected'); 设btn=document.getElementsByClassName('btn'); 对于(变量i=0;i

我有一些动态生成的div。一旦选择了所有div,就必须启用提交按钮,有人能帮我吗

let card=document.getElementsByClassName('card');
让allSelected=document.querySelectorAll('selected');
设btn=document.getElementsByClassName('btn');
对于(变量i=0;i
.card.selected{
背景#0173fb;
}

  • 卡片项目
提交
将可用div与所选div进行比较,如果匹配,则启用按钮


JS-Bin
div{
高度:10px;
背景色:红色;
边缘底部:10px;
}
.选定{
背景颜色:蓝色;
}
点击
let card=document.getElementsByClassName('card');
设btn=document.getElementsByClassName('btn');
对于(变量i=0;i{
警报(“点击按钮”);
};
//启用按钮
btn[0]。已禁用=错误;
}
});
}    

像这样试试。纯javascript

document.addEventListener(“DOMContentLoaded”,函数(事件){
document.getElementsByClassName('btn')[0].setAttribute(“已禁用”、“为真”);
});
let card=document.getElementsByClassName('card');
设btn=document.getElementsByClassName('btn');
对于(变量i=0;i
.card{
填充:8px;
边框:1px实心#eee;
光标:指针;
}
李先生{
列表样式:无;
}
.card.selected{
背景色:rgb(155);
}
.btn{
填充:10px;
利润率:10px;
}

  • 卡片项目1 卡片项目2 卡片项目3
提交
请分享更多详细信息。你所说的“选定”div是什么意思?你能分享更多的代码以便其他人可以重现你的情况吗?你的代码段似乎缺少HTML,因此无法为我们工作,你能添加它吗,谢谢。请将HTML添加到你的代码段中。非常感谢你,Marc,但是按钮在上一个div(-1 div)之前启用了,我有7个div,但按钮在第6个div启用了按钮单击什么?对不起,我不能理解。对我来说,在firefox中,您必须单击所有div上的all来启用该按钮。您希望只需少选一个吗?不,它现在正在少选一个。。毕竟不是div点击的。我想在选择所有div后启用。我正在检查chromeSorry,我无法复制该问题。在firefox上测试,chromium在Ubuntu 18.04 LTS x64上测试,firefox Windows Server 2019,firefox,Windows 10上测试,我已经在这里添加了我的所有文件。如果我们在启用所有div selected按钮之前两次错误地单击任何div,请签入这两个解决方案。那么,您的意思是什么?我不明白@Bhanumati-a@Bhanumathi-a您使用什么浏览器进行测试?!那是不可能的。向单击的div添加一个类,并计算添加该类的div数。如果单击一个div 2,3,4,5次,则不会将类“selected”添加到任何其他div中。请参阅我的解决方案,并将带有问题的代码片段添加到verifyi刚才添加的
toggle
,以获得更灵活的示例。你应该使用它,只要
add
github.com/Bhanumathi-a/cards我已经在这里添加了我的所有文件。请查收