突出显示下一个要填充的单选按钮组 - Highlight next radio button group to be filled

Highlight next radio button group to be filled

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

你必须使用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();
});

此函数将事件侦听器附加到每个输入元素，当值发生变化时，它从生成用户的元素中获取当前组号，并将焦点放在下一个组中的第一个元素上。我还没有试过，但它应该工作。我不确定radio类型的输入是否会触发change事件但是你可以用同样的方式使用click事件

希望有所帮助

你会考虑使用jQuery吗?因为它有一个叫做next()的简洁函数，可以帮助您选择下一个兄弟元素。