突出顯示下一個要填充的單選按鈕組

Question

這可能是一個奇怪的問題，但我有幾個單選按鈕組，每個組都有標籤。當一個單選按鈕組被填滿時，我想突出顯示要按順序填充的下一個組的標籤。所以一些時候，第一個單選按鈕組被填充時，它會通過突出顯示它的標籤來顯示下一個要填充的組。請告訴我使用CSS和編碼的正確方向。謝謝

Answer 1

你必須使用javascript來做這樣的事情。首先，你必須與像增量的名字創建單選按鈕：

<input type="radio" name="group1" value="Milk"> Milk<br> 
<input type="radio" name="group1" value="Butter" checked> Butter<br> 
<input type="radio" name="group1" value="Cheese"> Cheese 
<hr> 
<input type="radio" name="group2" value="Water"> Water<br> 
<input type="radio" name="group2" value="Beer"> Beer<br> 
<input type="radio" name="group2" value="Wine" checked> 

如果你使用jQuery，例如，你可以聽的變化：

$('input').change(function(element){ 
    var index = parseInt($(element).attr('name').replace("group", "")); 
    $('input[name="group' + (index + i) + '"]').first().focus(); 
}); 

此功能附加一個事件偵聽器每個輸入元素時，值會更改它從生成用戶的元素中獲取當前組編號，並將焦點放在下一個組的第一個元素上。我沒有嘗試過，但它應該可以工作。我不知道這種類型的無線電火災的輸入改變事件，但你可以用同樣的方式

希望它可以幫助

Answer 2

你會考慮使用jQuery嗎？因爲它有稱爲next()這個整潔的功能，可以幫助您選擇下一個兄弟元素。