KnockoutJS双切换开关互斥逻辑异常问题求助

你的核心问题是原函数逻辑存在漏洞：当两个observable均为false时，第一个if条件会直接触发，将withoutPendingCreditRequests设为true，导致else if分支永远无法执行，无法处理第二种场景。

修复方案：通过订阅监听状态变化 #

放弃原有的alternatetogglesWithOrWithoutCreditRequests函数，改为给两个observable添加订阅逻辑，确保每次开关状态变化时都检查并维护“不能同时关闭”的规则：

// 监听「待处理信贷请求」开关的状态变化
viewModel.withPendingCreditRequests.subscribe(function(newValue) {
    // 当当前开关被关闭，且另一个开关也处于关闭状态时，自动打开另一个开关
    if (!newValue && !viewModel.withoutPendingCreditRequests()) {
        viewModel.withoutPendingCreditRequests(true);
    }
});

// 监听「无待处理信贷请求」开关的状态变化
viewModel.withoutPendingCreditRequests.subscribe(function(newValue) {
    // 当当前开关被关闭，且另一个开关也处于关闭状态时，自动打开另一个开关
    if (!newValue && !viewModel.withPendingCreditRequests()) {
        viewModel.withPendingCreditRequests(true);
    }
});

逻辑说明 #

• 当用户关闭第一个开关时，若第二个开关仍处于开启状态，无额外操作；
• 当用户关闭第二个开关时，若第一个开关已经是关闭状态，会自动将第一个开关重新开启；
• 反之，先关闭第二个开关再关闭第一个时，第二个开关会自动开启；
• 允许两个开关同时处于开启状态，仅限制“同时关闭”的场景。

原代码问题分析 #

原函数的逻辑缺陷在于：只要withPendingCreditRequests为false，就直接将withoutPendingCreditRequests设为true，完全忽略了withoutPendingCreditRequests本身的状态。当两个开关都关闭时，第一个条件会优先触发，导致无法进入else if分支处理第二种场景。

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