forms - Polymer Paper-Radio-Group - 如何拥有多个同名的单选按钮

Question

我正在使用 Polymer Project 中的 Paper Elements 来构建表单，但在使用 paper-radio-group 时遇到了问题。标签及其子项，paper-radio-button .使用普通的单选按钮列表，我会执行以下操作:

<input type="radio" name="myFieldName" value="MyFirstOption" />
<input type="radio" name="myFieldName" value="MySecondOption" />
<input type="radio" name="myFieldName" value="MyThirdOption" />

请注意 name属性相同，将单选按钮分组并为 myFieldName 生成单个值 field 。但是使用 paper-radio-group元素以同样的方式不起作用:

<paper-radio-group label="My Field">
  <paper-radio-button name="myFieldName" label="First"></paper-radio-button>
  <paper-radio-button name="myFieldName" label="Second"></paper-radio-button>
  <paper-radio-button name="myFieldName" label="Third"></paper-radio-button>
</paper-radio-group>

这会生成三个单选按钮，但选择一个不会取消选择其他按钮。如果我给每一个都一个唯一的名字，那么它从 UI 的角度来看是有效的，但与标准的单选按钮行为不同。

除此之外，我在哪里指定每个单选按钮的值？有一个标签属性，但没有任何值(value)。我是否必须将隐藏字段连接到 change paper-radio-button事件，或 core-select paper-radio-group 上的事件?两者似乎都不是一个特别优雅的解决方案。

Answer 1

这个问题很老了，可能当时不存在该属性，但至少现在我们可以拥有相同的 name paper-radio-buttons 中的属性属于 paper-radio-group如果我们选择不同的 attr-for-selected在 paper-radio-group例如 value

<paper-radio-group attr-for-selected="value">
  <paper-radio-button value="one" name="same_name">Label for one</paper-radio-button>
  <paper-radio-button value="two" name="same_name">Label for two</paper-radio-button>
</paper-radio-group>

把我的答案留在这里，因为这是我在谷歌搜索时得到的打击，可能对其他人有值(value)。