突出显示下一个要填充的单选按钮组
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()的简洁函数,可以帮助您选择下一个兄弟元素。
相关文章:
- 多个单选按钮组相互干扰
- 是否可以禁用jquery中的单个单选按钮
- Javascript:无法获取变量中的单选按钮值
- JavaScript:如何用变量填充单选按钮值和标签
- 如果在 HTML/JavaScript 中选中了复选框,则填充单选按钮
- 使用单选按钮OnClick和JavaScript功能动态填充数字字段
- 使用 Jquery 从对象属性填充单选按钮
- 根据所选单选按钮填充文本框
- 选择单选按钮时填充文本字段
- 使用单击单选按钮时的数据自动填充输入字段
- 如何使用填充使单选按钮水平
- 5个单选按钮随机填充
- 如何使用单选按钮的值动态填充表单中的另一个值
- 如何根据选择的单选按钮填充文本框
- 如何启用/禁用提交按钮,仅当提供两个条件时:检查输入单选和填充输入文本
- 在MVC 4中使用数据库中的数据填充单选按钮,而不使用模型
- 提交后填充单选按钮值
- 突出显示下一个要填充的单选按钮组
- 如何自动填充/填充基于单选按钮的表单
- 如何根据mysql中的2个单选按钮值填充选择输入