Getting the value of the switch paper

Question

I have the following code

      <paper-radio-group
        id="marital-status-group"
        on-change={{changeHandler}}>
        <paper-radio-button name='Married' label='Married'></paper-radio-button><br>
        <paper-radio-button name='Divorced' label='Divorced'></paper-radio-button><br>
        <paper-radio-button name='Single' label='Single'></paper-radio-button><br>
        <paper-radio-button name='Visiting' label='Visiting'></paper-radio-button>
      </paper-radio-group>

  void changeHandler( CustomEvent e )
  {
     print ( ( e.target as PaperRadioButton ).label );
  }

When the button with the label = "Divorced" is pressed, the result will be obtained

Divorced (http://localhost:8080/packages/polymer/src/js/polymer/polymer.js:12) 

All I need is "Divorced" and not the other part in brackets. If I have to press another button, then both selections will be printed.

Something is wrong. What are the right options.

Answer 1

I think your example works as expected - as expected by you ;-) is (http://localhost:8080/packages/polymer/src/js/polymer/polymer.js:12)added only by the method print().

print((e.target as PaperRadioButton).label == 'Male');

prints

false (http://localhost:8080/packages/polymer/src/js/polymer/polymer.js:12)
true (http://localhost:8080/packages/polymer/src/js/polymer/polymer.js:12)

depending on the item you selected. Therefore, you can simply use the label value in your code.

, print() , .
<app-element>, , ,

AppElementConstructor (:1)
attached (:1)
ChangeEventhandler (http://localhost:8080/packages/polymer/src/js/polymer/polymer.js:12)

( (:1), .../polymer.js:12 . , - .

selected paper-radio-group name paper-radio-button

  <paper-radio-group
    id="marital-status-group"
    selected="{{selectedName}}">
    <paper-radio-button name='Married' label='Married'></paper-radio-button><br>
    <paper-radio-button name='Divorced' label='Divorced'></paper-radio-button><br>
    <paper-radio-button name='Single' label='Single'></paper-radio-button><br>
    <paper-radio-button name='Visiting' label='Visiting'></paper-radio-button>
  </paper-radio-group>

Dart

  @observable String selectedName;

  void selectedNameChanged(old) {
    // do something when the another radio button got selected
  }