Php 突出显示下一个要填充的单选按钮组

Php 突出显示下一个要填充的单选按钮组,php,javascript,css,Php,Javascript,Css,这可能是一个奇怪的问题,但我有几个单选按钮组,每个组都有标签。当一个单选按钮组被填充时,我想突出显示下一个要按顺序填充的组的标签。因此,当第一个单选按钮组被填充时,它将通过突出显示其标签来显示下一个要填充的组。请告诉我使用CSS和编码的正确方向。谢谢 < P>你会考虑使用jQuery吗?因为它有一个整洁的函数,可以帮助您选择下一个同级元素。您必须使用javascript来执行类似的操作。首先,您必须创建具有递增名称的radiobutton,如: <input type="radio" na

这可能是一个奇怪的问题,但我有几个单选按钮组,每个组都有标签。当一个单选按钮组被填充时,我想突出显示下一个要按顺序填充的组的标签。因此,当第一个单选按钮组被填充时,它将通过突出显示其标签来显示下一个要填充的组。请告诉我使用CSS和编码的正确方向。谢谢

< P>你会考虑使用jQuery吗?因为它有一个整洁的函数,可以帮助您选择下一个同级元素。

您必须使用javascript来执行类似的操作。首先,您必须创建具有递增名称的radiobutton,如:

<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> 
此函数用于在值更改时将事件侦听器附加到每个输入元素。它从生成用户的元素中获取当前组号,并将焦点放在下一个组中的第一个元素上。我还没试过这个,但应该能用。我不确定radio类型的输入是否触发了change事件,但您可以以相同的方式使用click事件


希望能有帮助

我也会试试这个。。但是Jquery next()函数在这里帮助了我。。
$('input').change(function(element){
    var index = parseInt($(element).attr('name').replace("group", ""));
    $('input[name="group' + (index + i) + '"]').first().focus();
});