復選框上的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屬性設置為新值。