单选按钮联动下拉菜单需求：点击单选实时更新下拉值（附尝试代码）

你的需求很清晰：让单选按钮选中状态保持持久，切换选中项时立刻更新下拉菜单的值。先聊聊你现有代码的几个小问题，再给你修正后的完整实现方案：

原代码的核心问题 #

• 你用了$('[name*="_ai735_"]').checked来判断选中状态，但jQuery对象没有checked属性，正确的写法应该是.is(':checked')
• 这段代码只在页面加载时执行一次，没有监听单选按钮的change事件，所以切换单选选项时不会触发下拉菜单的更新

修正后的实现代码 #

$(document).ready(function() {
    // 页面加载完成时，初始化下拉菜单匹配已选中的单选按钮
    syncDropdownWithRadio();
    
    // 给目标单选按钮绑定change事件，切换时同步更新下拉菜单
    $('[name*="_ai735_"], [name*="_ai736_"], [name*="_ai737_"]').on('change', function() {
        syncDropdownWithRadio();
    });
    
    // 同步下拉菜单与单选按钮状态的核心函数
    function syncDropdownWithRadio() {
        const $dropdown = $('#ai764');
        if ($('[name*="_ai735_"]').is(':checked')) {
            $dropdown.val("1").change();
        } else if ($('[name*="_ai736_"]').is(':checked')) {
            $dropdown.val("3").change();
        } else if ($('[name*="_ai737_"]').is(':checked')) {
            $dropdown.val("5").change();
        }
    }
});

额外说明 #

• 单选按钮本身默认就会保持选中状态，如果遇到选中状态莫名丢失的情况，检查一下是否有其他脚本或页面逻辑在修改它们的状态
• 用$('#ai764')直接通过ID选择下拉菜单，比属性选择器更高效（毕竟ID是页面唯一的）
• 调用.change()是为了主动触发下拉菜单的change事件，确保依赖这个事件的其他业务逻辑也能正常执行

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