Question

我试图做this并且代码大部分都在工作，除了它只选择一个按钮，并且不允许选择其他按钮的事实。

代码是：

.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

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

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

1 个答案: