使用 jquery 从聚合物无线电组中获取所选按钮的值

Question

我想从聚合物1.0无线电组中获得值并将其保存到数据库:

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"，如果app引用了dom-bind模板，值将是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