Polymer Paper-Radio-Group 内表答案

【问题标题】：Polymer Paper-Radio-Group inside tablePolymer Paper-Radio-Group 内表
【发布时间】：2018-03-28 13:42:29
【问题描述】：

我正在尝试在表格中添加一个纸质无线电组。当尝试将纸无线电组包裹在 td-tags 周围时，它会停止工作。纸单选按钮继续单独工作，但不作为一个组工作。

<tr>
 <td>
     <paper-radio-group selected="a">
     <paper-radio-button name="a"></paper-radio-button>
 </td>
 <td>
     <paper-radio-button name="b"></paper-radio-button>
     </paper-radio-group>
 </td>     
</tr>

【问题讨论】：

可能是因为它不是真正有效的标记？你能把小组移到桌子外面吗？
很遗憾没有。而且由于我将在表内有多个组，因此我不确定将其放在表外是否会起作用
如果表中有更多组，则不能，这就是元素相互包裹的方式。也许你不应该使用桌子。但在这种结构中，我猜你应该只使用一些 JavaScript 复制组的逻辑，使用点击事件处理程序在选中其他元素时取消选中其他元素。

标签： html-table polymer paper-elements

【解决方案1】：

paper-radio-button 是一个可以选中或取消选中的按钮。用户可以点击单选按钮来选中或取消选中它。

使用<paper-radio-group> 对一组单选按钮进行分组。当单选按钮位于单选组内时，可以随时选中组中的一个单选按钮。

读取paper-radio-button 的Read me 文件。使用paper-radio-group 对一组单选按钮进行分组。

【讨论】：