无线电输入选择选项的多重自动对焦答案

【问题标题】：Multiple autofocus on radio input select option无线电输入选择选项的多重自动对焦
【发布时间】：2017-03-15 12:37:32
【问题描述】：

我正在使用带有 (4) Radio 表单控件的 Twitter Bootstrap 3 表单。当用户单击四个单选控件中的任何一个时，会出现一个<input type="text">。如何做到这一点，以便在任何单选选项上选择的第一个输入是“自动对焦”。

要查看代码，如果可以，请访问：https://von.host/cart.php?a=add&pid=20

让用户单击一个单选按钮，而不是再次单击输入字段并键入，而不是再次单击提交按钮……而不是单击三下，我希望将其设为两次，这似乎很愚蠢。

附言- 我在所有 (4) 个输入字段中添加了“自动对焦”，但它只适用于第一个……当然 ^ _ ^

【问题讨论】：

到目前为止，请在此处包含您的代码。
已更新问题以包含代码链接 - 感谢您关注详细的克劳迪奥斯和酷个人资料 - 啤酒！ ^ _ ^

标签： javascript html forms twitter-bootstrap autofocus

【解决方案1】：

将 autofocus 属性保留在第一个中并使用此 jQuery 代码：

$('.domainoptions .option input:radio[name="domainoption"]').change(
  function(){
    $(this).parent().next().find('input[type="text"]').first().focus();
  }
);

【讨论】：

【解决方案2】：

我想，你可以只用一小部分 javascript :) 例如：

$('input[type="radio"]').focus(function(){
    $(this).parent().find('input[type="text"]').focus();
});

简而言之，当收音机给它时，此代码将焦点传递给输入字段。

【讨论】：