样式单选按钮仅允许选择一个按钮

Question

我正在尝试这样做，并且代码大部分都可以正常工作，除了它只选择一个按钮，并且不允许选择另一个按钮......

代码为：

.radio-toolbar
        %label{:for => "test_year_group_1"} AS
        %input#test_year_group_1{:name => "test[year_group]", :type => "radio", :value => "1"}
        %label{:for => "test_year_group_2"} A2
        %input#test_year_group_2{:name => "test[year_group]", :type => "radio", :value => "2"}

和 CSS：

.radio-toolbar input[type="radio"] {
  display: none;
  margin: 10px;
}
.radio-toolbar label {
  display: inline-block;
  background-color: transparent;
  border-style: solid;
  border-radius: 8px;
  border-width: 1px;
  border-color: white;
  padding: 8px 60px;
  color: white;
  margin-left: 20px;
  margin-right: 20px;
}
.radio-toolbar input[type="radio"]:checked + label {
  background-color: white;
  color: gray;
}

但它只选择 A2 按钮，即使我点击 AS 按钮......有谁知道为什么？

Answer 1

当您使用输入类型来"单选"时，它将只允许选择一个按钮。如果要多选，则可以使用复选框。