无线电输入 select 选项上的多重自动对焦

Question

我正在使用带有 (4) 个单选表单控件的 Twitter Bootstrap 3 表单。当用户单击四个单选控件中的任何一个时，将出现 <input type="text">。我该怎么做，以便在任何单选选项 select 上的第一个输入是 "autofocus".

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

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

p.s。 - 我将 "autofocus" 添加到所有 (4) 个输入字段，但它只适用于第一个...当然 ^ _ ^

Answer 1

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

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

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

Answer 2

将自动对焦属性保留在第一个中并使用此 jQuery 代码：

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

无线电输入 select 选项上的多重自动对焦

Multiple autofocus on radio input select option

html

javascript

forms

autofocus

twitter-bootstrap