使用jquery从Polymer radio group获取所选按钮的值

时间:2015-08-02 00:12:28

标签: jquery polymer polymer-1.0

我想从聚合物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?

1 个答案:

答案 0 :(得分:2)

您真的不需要可以使用聚合物数据绑定的ID

<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或者如果您使用自动绑定模板&#34; dom-bind&#34;如果app引用了dom-bind tempate

,则值为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