使用 jquery 从 Polymer 单选组中获取选定按钮的值

Question

我想从 Polymer 1.0 radio 组中获取值并将其保存到数据库中：

HTML:

<paper-radio-group selected="small">
  <paper-radio-button name="small">Small</paper-radio-button>
  <paper-radio-button name="medium">Medium</paper-radio-button>
  <paper-radio-button name="large">Large</paper-radio-button>
</paper-radio-group>

脚本：

var size = $('input[selected]:checked').val();

有jQuery的简单方法吗？我需要在 paper-radio-group 上添加 id 吗？

Answer 1

你真的不需要 id 你可以使用 Polymers 数据绑定

<paper-radio-group selected="{{radioSelected}}">
  <paper-radio-button name="small">Small</paper-radio-button>
  <paper-radio-button name="medium">Medium</paper-radio-button>
  <paper-radio-button name="large">Large</paper-radio-button>
</paper-radio-group>

然后在自定义元素中该值将是 this.radioSelected 或者如果您使用的是自动绑定模板 "dom-bind" 如果应用程序引用 dom 则该值将是 app.radioSelected ]-绑定模板

如果不使用数据绑定，您将需要一个 ID。

<paper-radio-group id="radio">
  <paper-radio-button name="small">Small</paper-radio-button>
  <paper-radio-button name="medium">Medium</paper-radio-button>
  <paper-radio-button name="large">Large</paper-radio-button>
</paper-radio-group>

我不会 Jquery 所以我在这里使用纯 JS

document.querySelector('#radio').selected

使用 jquery 从 Polymer 单选组中获取选定按钮的值

Get selected button's value from Polymer radio group with jquery

jquery

polymer

polymer-1.0