javascript - 从复选框的 onclick 函数返回 false

Question

我想手动控制是否选中给定的复选框。因此，我提供了一个自定义 onclick 函数并从中返回 false:我的想法是，如果我不返回 false，则默认操作(恢复input的checked标志)将覆盖我在自定义函数中设置的内容。

let input = document.getElementsByTagName('input')[0]

input.onclick = function() {
  if(input.checked)
    input.checked = false
  else
    input.checked = true
  
  return false
}

<input type="checkbox"/>

但是，这不起作用。 return false 恢复我所做的事情!它将复选框重置为单击之前的状态!

删除 return false 也不好:然后，复选框会强制自身进入单击它之前不的状态，再次覆盖我在自定义中所做的任何操作onclick 函数:

let input = document.getElementsByTagName('input')[0]

input.onclick = function() {
  if(input.checked)
    input.checked = true // click should be futile
  else
    input.checked = false //click should be futile
}

<input type="checkbox"/>

如何手动控制复选框是否被单击？如何使复选框不覆盖我在自定义 onclick 处理程序中设置的任何内容？

Answer 1

尝试从函数返回值而不是设置它们:

let input = document.getElementsByTagName('input')[0]

input.onclick = function() {
  if(input.checked)
    return true // click should be futile
  else
    return false //click should be futile
}

<input type="checkbox"/>

这里，复选框的值一旦被选中就无法修改。这就是你所追求的吗？