2016年11月20日星期日

HTML checkbox 部分選取狀態

HTML checkbox 部分選取狀態是不能透過 HTML 呈現
必須使用 Javascript 來處理

未選取(預設)
已選取
<input type="checkbox"/>
<input type="checkbox" checked="checked"/>
部分選取狀態稱為 Indeterminate 是 HTMLInputElement checkbox 中的一種屬性
但使用
<input type="checkbox" indeterminate="indeterminate"/>
是不被允許,而且 indeterminate 亦不是 HTML 或 XHTML 的有效屬性,驗證上會出錯

在傳統 HTML 上,checkbox 只是 是 或 非 的用途,而 indeterminate 狀態是 HTML 配合 Javascript 讓使用者互動的操作
因此必須以 Javascript 來呈現
要呈現 indeterminate 狀態亦很簡單
checkbox.indeterminate = true;
即可

沒有留言 :

發佈留言