Input 通过单选按钮设置纸张输入的焦点

在Polymer（1.0）中，当（例如）选择radiobutton“radio1”时，如何设置熨斗输入的焦点

<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>

标题：
放射性标签
放射性标签

您需要将单击绑定到

radio1

：

<paper-radio-button name="radio1" on-click="_setInputFocus">Radio1Label</paper-radio-button>

编辑：现在我们希望在用户选择单选按钮之前禁用输入。因此，我们将

iron input

赋予

disabled

属性：

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

---

您还可以使用

而不是

元素，然后使用

setTimeout(function() {
        this.$.tabname.inputElement.focus()
    }.bind(this), 200);

---

在你的职责范围内。（设置超时有时是必要的，因为如果另一个元素具有焦点并且即将关闭（例如，熨斗下拉菜单），则您必须等待此操作完成，然后才能对输入进行焦点设置）

谢谢，技巧做得很好：）。在选择radiobutton（单选按钮）之前是否有任何更改以禁用该字段？因此，用户无法在首先选择单选按钮之前选择字段。我已编辑我的答案，以便在用户单击单选按钮之前禁用输入。没有问题。您现在可以很容易地将单击事件添加到

radio2

，该事件在单击时禁用输入。

<script>
    Polymer({
        is: "focus-test",
         _setInputFocus: function () {
            var inputElement = this.$$("input"); // grab the element
            inputElement.toggleAttribute("disabled", false); // remove the disabled attribute
            inputElement.focus(); // set the focus to this input
        }
    });
</script>

setTimeout(function() {
        this.$.tabname.inputElement.focus()
    }.bind(this), 200);