多个role=“radiogroup”

Question

我正在尝试实现多个

在同一页上。尽管分开

和

单选按钮表现为一个组-如果您在一个组中单击，则在另一个组中取消选择。

​

1
    
    
       2
    
  


  
    
       3
    
    
       4

​

Answer 1

你误解了这里的问题。首先，让我们省略这个术语。

选定

，它适用于元素。单选按钮可以是

已选中

或者不是。

目前

无

您的列表项中的所有项都可以进行检查。

当你点击一个，因为他们有

，他们获得了

焦点

..。

这意味着它们是用户当前正在与之交互的元素。如果用户按下了某个键，则会引发

和

(和不推荐使用的

)事件将在该元素上触发。如果它们按tab键，则焦点将移动到下一个元素。为了指示元素具有焦点，在大多数浏览器中都会给它一个视觉上的高亮显示。

这是

注释

与被检查相同。The The The

属性不会更改。

允许键盘交互，并且

允许您将有关元素的用途和当前状态的信息传递给屏幕阅读器和其他辅助技术。他们

不要

将元素转换为真正的复选框。

您需要自己使用JavaScript处理各种事情，包括：

存储选中状态

当选中另一个元素时，取消选中当前选中的元素

当您想要将数据用于某些用途时读取数据(例如作为表单数据提交到服务器)

更改

属性来反映更新后的状态。

(可能还有其他一些事情，我不打算在这里写一个详尽的列表)。

一般来说，使用

真实

单选按钮比使用非单选按钮和CSS、JS和ARIA要好得多(也容易得多)，使它们的行为像真正的单选按钮。

Answer 2

我想我找到解决你问题的办法了。如果它不工作，或者如果它不是你正在寻找的，请让我知道，我会尝试寻找其他东西。

1
            
            
                
                 2
            
        
        
            
                
                 3
            
            
                
                 4

在这里，我不是将列表放入两种形式，而是将其放入一个列表中，而是放入两个列表中。如果你能以2种形式告诉我你为什么需要它，那会很有帮助。

Answer 3

另一种可以修复它的方法是使用Javascript和if语句，比如if this is checked value =诸如此类。这可能行得通。我仍然不明白为什么你需要两个表单而不使用一个？