Electron技术问题：复选框状态变更未被正确检测？

嘿，我一眼就看到你代码里的两个关键问题，这就是为啥复选框未选中状态没被检测到的原因：

1. 条件判断误用赋值运算符 #

在你的renderer.js里，你写的if (this.checked = true)和if(this.checked = false)犯了一个经典错误——这里的=是赋值运算符，不是用来做比较的===（严格相等）或者==（松散相等）。

每次触发change事件时，你都会强制把this.checked设为true，导致第一个条件永远成立，第二个条件永远不会执行，自然就看不到"opened"的日志了。

修复后的renderer.js代码： #

const {width, height} = screen.getPrimaryDisplay().workAreaSize;
let close = document.querySelector('input[name=open_close]');
close.addEventListener('change', function(event){
 if (this.checked === true) { // 替换为严格相等运算符===
 console.log("renderer: 复选框已选中");
 ipcRenderer.send('expClose', width, height);
 } else { // 用else简化逻辑，无需重复判断false
 console.log("renderer: 复选框已取消选中");
 ipcRenderer.send('expOpen', width - 500, height - 450);
 }
});

2. HTML的checked属性设置错误 #

HTML的布尔属性（比如checked）有个特殊规则：只要属性存在，不管值是什么，都会被视为true。你写的<input type="checkbox" name="setbtn" checked="false" ...>其实等价于<input ... checked>，也就是默认处于选中状态。

如果想让复选框默认未选中，直接去掉checked属性即可：

<input type="checkbox" name="setbtn" id="settings" class="btnset">

如果需要默认选中，写成<input ... checked>或者<input ... checked="checked">都可以。

额外调试建议 #

你可以在main.js里补充参数日志，确认IPC传递的数值是否符合预期：

ipcMain.on('expOpen', function(e, width, height) {
 console.log("opened，接收参数：", width, height)
 mainWindow.setPosition(width, height);
});

这样修改后，复选框的两种状态应该都能正常触发对应的窗口位置切换逻辑啦！

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