复选框上的onchange事件始终显示this.value = on

Question

当触发onchange事件时输入类型复选框this.value总是设置为on即使勾选了复选框，在这种情况下我希望它off

这是预期的行为吗？

 <input type="checkbox" onchange="alert(this.value)">

Answer 1

简答：不要使用value来检查复选框上的选中状态，而是使用checked

 <input type="checkbox" onchange="alert(this.checked)">

如果你想知道为什么这总是“开”值，那么在HTML5规范中有一个规范：

默认情况下/上

获取时，如果元素具有value属性，则必须返回该属性的值; 否则， 它必须返回 字符串“on” 。 在设置时，必须将元素的value属性设置为新值。