复选框和单选按钮行为

Question

我在使用一组复选框时，通过在选中框或广播时将display:none;切换为display:block来设置一些下拉菜单。

这是复选框版本：https://jsfiddle.net/hw207q2L/

这是广播版：https://jsfiddle.net/3xzuw47x/

我希望将两者结合起来，以便在打开新部件时关闭其他部件（无线电行为）;同时能够通过再次点击它来关闭我打开的部分（复选框行为）。

任何不涉及javascript的想法？我想限制使用js，但如果不可能告诉我。

Answer 1

它需要防止默认行为的功能，因此如果不使用其他框架或javascript，它就不可能实现。

这不完全重复，但请检查How to uncheck checked radio button [duplicate]。

在第二版代码中使用此javascript：

var allRadios = document.getElementsByName('titles');
var booRadio;
var x = 0;
for(x = 0; x < allRadios.length; x++){
    allRadios[x].onclick = function() {
        if(booRadio == this){
            this.checked = false;
            booRadio = null;
        }else{
            booRadio = this;
        }
    };
}