这可能是一个奇怪的问题,但是我有几个单选按钮组,每个组都有标签。当一个单选按钮组被填充时,我要突出显示要按顺序填充的下一个组的标签。因此,当第一个单选按钮组被填充时,如何突出显示其标签将显示下一个要填充的组。请告诉我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();
});
当值更改时,此函数将事件侦听器附加到每个输入元素,它从生成用户的元素中获取当前组号,并将焦点放在下一组中的第一个元素上。我没有尝试过,但是应该可以。我不确定单选类型的输入会触发更改事件,但是您可以按相同方式使用click事件
希望能帮助到你