HTMLInputElement: indeterminate ããããã£
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2015å¹´7æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
indeterminate 㯠HTMLInputElement ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®ããããã£ã§ããã§ãã¯ããã¯ã¹ãæªæ±ºå®ç¶æ
ã«ãããã©ããã示ãè«çå¤ãè¿ãã¾ããä¾ãã°ãããã¹ã¦é¸æ/ãã¹ã¦é¸æè§£é¤ããã§ãã¯ããã¯ã¹ã¯ããã®ãµãã³ã³ããã¼ã«ã®ä¸é¨ããã§ãã¯ããã¦ãããããã¹ã¦ããã§ãã¯ããã¦ããããã§ã¯ãªãå ´åãæªæ±ºå®ç¶æ
ã«ãªãå¯è½æ§ãããã¾ããindeterminate ç¶æ
㯠JavaScript çµç±ã§ã®ã¿è¨å®ã§ãã checkbox ã³ã³ããã¼ã«ã®ã¿ã«é¢é£ãã¾ãã
ããã¯ã HTMLInputElement.checked ããããã£ã¨ã¯ç¡é¢ä¿ã§ãããæªç¢ºå®ã®ãã§ãã¯ããã¯ã¹ã¯ããã§ãã¯ããã¦ããå ´åããã§ãã¯ããã¦ããªãå ´åãããã¾ããæªç¢ºå®ã§ãããã¨ã¯ããã§ãã¯ããã¯ã¹ã®å¤è¦³ï¼ä¾ãã°ä¸è¨ã®ä¾åç
§ï¼ã«ã®ã¿å½±é¿ããéä¿¡æã®åå¨ï¼ããã¯ãã§ãã¯ç¶æ
ã«ãã£ã¦å¶å¾¡ã§ããï¼ã«ã¯å½±é¿ãã¾ããã
å¤
è«çå¤ã§ãã
ä¾
<input type="checkbox" id="indeterminate-checkbox" />
<label for="indeterminate-checkbox">æªæ±ºå®ç¶æ
ã®ãã§ãã¯ããã¯ã¹</label>
const checkbox = document.getElementById("indeterminate-checkbox");
checkbox.indeterminate = true;
仿§æ¸
| 仿§æ¸ |
|---|
| HTML > # dom-input-indeterminate > |
ãã©ã¦ã¶ã¼ã®äºææ§
é¢é£æ å ±
HTMLInputElementHTMLInputElement.checked<input>- æªæ±ºå®ç¶æ ã®ãã§ãã¯ããã¯ã¹
- CSS ã®
:indeterminateããããã£