只选择一个复选框来切换一组 div

Question

好的，我有一组 3 个 div，可以根据复选框选择来切换显示/隐藏，我的问题是我一次只希望选择一个复选框这是用于切换的复选框<input onClick="toggle('village');" type="checkbox" style="transform: scale(1.5);"><label> Only Villages</label>这是切换 div 的代码function toggle(matchingAttribute) {    // optain all div elements in the page    var divArray = document.getElementsByTagName("div");    for(i=divArray.length-1; i>=0; i--) {  // for each div        if(divArray[i].id.match("_"+matchingAttribute+"_")) {            if(divArray[i].style.display != 'none') {                divArray[i].style.display = 'none';            }            else {                divArray[i].style.display = '';            }         }     } }

Answer 1

首先取消选中所有复选框然后选中此复选框

var inputs = document.getElementsByTagName("input");

for(var i = 0; i < inputs.length; i++) {

    if(inputs[i].type == "checkbox") {

        inputs[i].checked = false; 

    }  

}

this.checked = true;