只选择一个复选框来切换一组 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++) {&nbsp; &nbsp; if(inputs[i].type == "checkbox") {&nbsp; &nbsp; &nbsp; &nbsp; inputs[i].checked = false;&nbsp;&nbsp; &nbsp; }&nbsp;&nbsp;}this.checked = true;