Set focus for paper-input via radio button -

in polymer (1.0), how can set focus of iron-input when (as example) radiobutton 'radio1' selected.

<div>   <div>title:</div>    <paper-radio-group>     <paper-radio-button name="radio1">radio1label</paper-radio-button>     <paper-radio-button name="radio2">radio2label</paper-radio-button>   </paper-radio-group>   <paper-input-container>     <input is="iron-input">   </paper-input-container> </div> 

you need bind click event radio1:

<paper-radio-button name="radio1" on-click="_setinputfocus">radio1label</paper-radio-button> 

then define function _setinputfocus selects input , sets focus it:

<script>     polymer({         is: 'the-name-of-your-element',         _setinputfocus: function () {             this.$$("input").focus();         }     }); </script> 

edit: want input disabled until user selects radio button. give iron-input disabled attribute:

<paper-input-container>     <input is="iron-input" disabled> </paper-input-container> 

then change our javascript function remove disabled attribute , sets input focus:

<script>     polymer({         is: "focus-test",          _setinputfocus: function () {             var inputelement = this.$$("input"); // grab element             inputelement.toggleattribute("disabled", false); // remove disabled attribute             inputelement.focus(); // set focus input         }     }); </script>