如何用jQuery或JavaScript实现：LinkedWithFD选Yes时自动设另外两个下拉为No

针对你提出的需求——当LinkedWithFD下拉框选中"Yes"时，自动将LinkedWithCD和LinkedWithOthers设为"No"，这里提供两种实用的实现方式：

jQuery 实现方案 #

如果你的项目已经引入了jQuery库，这个方案会非常简洁：

// 监听LinkedWithFD的选项变化事件
$('#LinkedWithFD').on('change', function() {
    // 检查当前选中的是否为"Yes"（对应值'Y'）
    if ($(this).val() === 'Y') {
        // 同时设置另外两个下拉框为"No"（值'N'）
        $('#LinkedWithCD, #LinkedWithOthers').val('N');
    }
});

代码说明： #

• 我们给LinkedWithFD绑定了change事件，每次用户切换选项时触发逻辑
• 通过$(this).val()获取当前选中的值，判断是否为"Yes"对应的Y
• 使用jQuery的多选择器一次性选中两个目标下拉框，调用val('N')直接设置它们的选中状态为"No"

原生JavaScript 实现方案 #

如果不想依赖第三方库，原生JS的实现同样简单高效：

// 获取三个下拉框的DOM元素
const fdSelect = document.getElementById('LinkedWithFD');
const cdSelect = document.getElementById('LinkedWithCD');
const othersSelect = document.getElementById('LinkedWithOthers');

// 为LinkedWithFD添加选项变化监听
fdSelect.addEventListener('change', function() {
    // 当选中"Yes"时，设置另外两个下拉框为"No"
    if (this.value === 'Y') {
        cdSelect.value = 'N';
        othersSelect.value = 'N';
    }
});

代码说明： #

• 用getElementById获取对应的DOM节点
• 通过addEventListener绑定change事件
• 逻辑和jQuery版本一致，只是使用原生DOM API操作，更轻量化，不需要额外引入库

额外提示： #

如果需要实现反向逻辑（比如当LinkedWithFD选"No"时，允许另外两个框自由选择），可以在if的else分支中添加对应的处理，但根据你的需求描述，当前代码已经完全满足要求。

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