无线电输入选择选项上的多个自动对焦

Question

我使用带有（4）无线电表单控件的Twitter Bootstrap 3表单。当用户点击四个无线电控件中的任何一个时，会出现<input type="text">。我如何制作它，以便第一个输入，在任何无线电选项选择是＆＃34;自动对焦＆＃34;。

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

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

P.S。 - 我添加了＃34;自动对焦＆＃34;到所有（4）输入字段，但它只适用于第一个...当然^ _ ^

Answer 1

我认为，你只能用javascript的一小部分:)例如：

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

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

Answer 2

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

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