Question

我有大约10个复选框选项。用户只能选择一个或多个。如果选中，将显示不同的内容。

所以我的工作是获取一个名为＆＃34;复选框＆＃34;的复选框，但我需要帮助才能获得它以便它可以用于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;

}

Answer 1

您可以将元素发送到函数，获取id（element.id）。然后有一个div列表，对应id =＆＃34; div1＆＃34; 也许尝试这样的事情：

使用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>

多个复选框，在选中时将显示不同的div

1 个答案: