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

Posted 2023-03-10

【中文标题】复选框和单选按钮行为[重复]

【英文标题】：Checkbox and Radio buttons behaviour [duplicate]

【发布时间】：2016-10-11 14:27:13

【问题描述】：

我使用一组复选框来通过切换display:none;到display:block display:block检查框或收音机时。

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

这是电台版本：https://jsfiddle.net/3xzuw47x/

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

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

【问题讨论】：

仅使用 CSS 是不可能的

@DaniP 感谢您的信息

【参考方案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;
        
    ;

【讨论】：

如果您找到答案，您可以将链接发布为评论或标记为重复，但在此处重新发布答案只需复制/粘贴 ...

复制它并像魅力一样工作。谢谢:)

如何复制？