我无法更改复选框的状态

Question

{
  label: 'Live preview',
  type: 'checkbox',
  checked: false,
  click: (menuItem, browserWindow, event) => {
    menuItem.checked = true ? false : true;
    browserWindow.webContents.send('live-preview', menuItem.checked);        
  }
},

当我单击 menuItem实时预览（复选框）上的上下文菜单时：始终未选中

单击菜单项时如何切换复选框

解决方案：

// initialise isChecked variable before the initialisation of context menu
var isChecked = false;

{
  label: 'Live preview',
  type: 'checkbox',
  checked: isChecked,
  click: (menuItem, browserWindow, event) => {
    browserWindow.webContents.send('live-preview', menuItem.checked);
    isChecked = !isChecked;
  }
}

Answer 1

因为你没有正确设置checked属性的布尔值。

尝试：

menuItem.checked = !menuItem.checked

代替：

menuItem.checked = true ? false : true;

解释：

分配menuItem.checked = true ? false : true; menuItem.checked = true ? false : true; 将始终为menuItem.checked分配false ，因为true总是... true 。

如果要使用三元运算符翻转布尔值，则必须执行

menuItem.checked = menuItem.checked ? false : true;

编辑

另外，我认为您需要正确设置checked -property。

{
  label: 'Live preview',
  type: 'checkbox',
  checked: false,
  click: (menuItem, browserWindow, event) => {
    menuItem.checked = !menuItem.checked;
    browserWindow.webContents.send('live-preview', menuItem.checked);        
  }
},

将导致您的 Checkbox 始终未选中，因为checked: false 。

试试下面的代码：

{
  label: 'Live preview',
  type: 'checkbox',
  click: (menuItem, browserWindow, event) => {
    menuItem.checked = !menuItem.checked; // toggles the menu item
    browserWindow.webContents.send('live-preview', menuItem.checked);        
  }
},