复选框和单选按钮行为[重复]

Question

我使用一组复选框来通过切换display:none;到display:block 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;
        }
    };
}