如何在input输入框获得焦点时自动选中对应的单选按钮

你可以直接添加如下JavaScript代码实现需求：

$(function() {
  // 监听所有文本输入框的聚焦事件
  $('.txtbox').on('focus', function() {
    // 找到当前输入框对应的单选按钮，设置为选中状态
    $(this).closest('.rdo-wrapper').find('.rdo').prop('checked', true).trigger('change');
  })
})

代码逻辑说明 #

• 给所有class="txtbox"的文本输入框绑定focus聚焦事件
• 触发事件时通过closest方法向上查找最近的.rdo-wrapper单选按钮包裹容器
• 选中容器内对应的单选按钮，调用trigger('change')是为了触发单选按钮原生的change事件，确保你之前绑定的其他单选按钮相关逻辑可以正常执行

内容的提问来源于stack exchange，提问作者CoreTM