Javascript 根据三个复选框中的两个复选框显示其他信息

Javascript 根据三个复选框中的两个复选框显示其他信息,javascript,checkbox,info,Javascript,Checkbox,Info,我是Javascript新手,我试图仅在选中3个复选框中的任意2个复选框时才显示其他信息 这是到目前为止我的代码(我试图在问题中输入我的代码,但它不起作用,对不起。我也可能使它变得更复杂,然后需要,再次抱歉)。我确实把我的代码放在了演示中 var复选框; addEvent('domready',function(){ 变量i、复选框、文本区域、div、文本框; 复选框={}; //在此处链接复选框和文本区域ID 复选框['checkbox_1']='textarea_1'; 复选框['che

我是Javascript新手,我试图仅在选中3个复选框中的任意2个复选框时才显示其他信息

这是到目前为止我的代码(我试图在问题中输入我的代码,但它不起作用,对不起。我也可能使它变得更复杂,然后需要,再次抱歉)。我确实把我的代码放在了演示中


var复选框;
addEvent('domready',function(){
变量i、复选框、文本区域、div、文本框;
复选框={};
//在此处链接复选框和文本区域ID
复选框['checkbox_1']='textarea_1';
复选框['checkbox_2']='textarea_2';
复选框['checkbox_3']='textarea_3';
用于(复选框中的i){
复选框=$(i);
textbox=$(复选框[i]);
div=$(textbox.id+'\u container\u div');
第二节解散();
showHide(i);
addEventToCheckbox(复选框);
}
函数addEventToCheckbox(复选框){
复选框.addEvent('click',函数(事件){
showHide(event.target.id);
});
}
});
函数showHide(id){
var复选框,textarea,div;
如果(id的类型==“未定义”){
返回;
}
复选框=$(id);
text区域=复选框[id];
div=$(textarea+'_container_div');
textarea=$(textarea);
如果(复选框。选中){
div.setStyle(“显示”、“块”);
//启示录();
div.setStyle(“显示”、“块”);
textarea.disabled=false;
}否则{
div.setStyle('display','none');
//第二节解散();
textarea.value='';
textarea.disabled=true;
}
}
函数验证(f){
f=f.元素;
对于(变量c=0,i=f.length-1;i>-1;--i)
如果(f[i].name&/^colors\[\d+\]$/.test(f[i].name)&&f[i].checked)++c;

return c很抱歉,我无法准确地使用您提供的代码,但尝试进行更改以使其正常工作


我已将一个可能的解决方案上载到-您基本上可以将事件侦听器添加到复选框中,这些复选框在单击时重新检查选择的数量,并通过删除/添加类来显示/隐藏,例如
additionalContactBox.classList.remove('reveal-if-active'))

谢谢@RichDupuis,如果你高兴的话,你能把它标记为已解决吗?实际上我试着把它标记为“昨天已解决”,但我似乎找不到这样做的选项。