复选框，当选中时将显示不同的div

我有大约10个复选框选项。用户可以选择一个或多个。当检查时，不同的事情会显示。复选框，当选中时将显示不同的div

所以我有这个工作获取一个复选框的名称“复选框”，但我需要得到它的帮助，以便它将工作10个不同的复选框？

function showMe (box) {  
var chboxs = document.getElementsByName("checkbox"); 
var vis = "none"; 
for(var i=0;i<chboxs.length;i++) { 
    if(chboxs[i].checked){ 
    vis = "block"; 
     break; 
    } 
} 
document.getElementById(box).style.display = vis;

}

来源

2017-07-16 Dustin Pringle

您可以将元素发送到功能，获得ID（element.id）。然后还要与相应的ID = “DIV1” 的div 名单也许尝试这样的事：

的Javascript：

function showMe (element) { 
    document.getElementById("div" + element.id).style.display = (element.checked) ? "block" : "none"; 
}

HTML： <input type="checkbox" onclick="showMe(event.target)" id="1"> <div id="div1" style="display:none">you clicked checkbox 1</div>

来源

2017-07-16 21:03:11 mygeea

复选框，当选中时将显示不同的div

回答

相关问题