2016-11-02 30 views
2

我正在使用帶有(4)無線電錶單控件的Twitter Bootstrap 3表單。當用戶點擊四個無線電控制器中的任何一個時,出現<input type="text">。我如何製作它,以便在任何收音機選項選擇上的第一個輸入是「自動對焦」。無線電輸入上的多個自動對焦選擇選項

on radio select input field autofocus

要查看代碼,如果你可以,請訪問:https://von.host/cart.php?a=add&pid=20

這似乎只是愚蠢讓用戶點擊一個單選按鈕,比上輸入字段和類型再次點擊,比點擊再次提交按鈕...而不是三次點擊,我想把它做成兩個。

p.s. - 我添加了「自動對焦」到所有(4)輸入字段,但它只適用於第一個...當然^ _^

+2

請點擊這裏包括你的代碼爲止。 – claudios

+2

更新的問題,包括代碼鏈接 - 感謝您關注細節claudios和酷配置文件 - 啤酒!^_^ –

回答

2

保持自動對焦屬性中的第一個,並使用此jQuery代碼:

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

完美運作 - 來自美國的特洛伊和快樂的日子! –

2

我想,你可以只用JavaScript的一小部分:)例如:

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

簡而言之,這個代碼在收音機給出時通過輸入字段的焦點。

相關問題