HTMLInputElement: checked ããããã£
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2015å¹´7æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
checked 㯠HTMLInputElement ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®ããããã£ã§ãè¦ç´ ã®ç¾å¨ã®ãã§ãã¯ç¶æ
ãã¤ã¾ãããããã©ã¼ã ã³ã³ããã¼ã«ããã§ãã¯æ¸ã¿ãã©ãããæå®ãã¾ãã
è«çããããã£ã§ãã checked ã¯ã radio (<input type="radio">) ããã³ checkbox (<input type="checkbox">) å
¥ååã«é¢é£ãã¾ãã
HTML ã® checked 屿§ãåå¨ãããã¨ã¯ããã§ãã¯ããã¯ã¹ãæ¢å®ã§ãã§ãã¯ããã¦ãããã¨ã示ãã¾ãããã ãããã®ãã§ãã¯ããã¯ã¹ãç¾å¨ãã§ãã¯ããã¦ãããã©ããã¯ç¤ºãã¾ããããã§ãã¯ããã¯ã¹ã®ç¶æ
ã夿´ãããå ´åããã®ã³ã³ãã³ã屿§ã¯å¤æ´ãåæ ãã¾ãããHTMLInputElement ã® checked IDL ããããã£ã®ã¿ãæ´æ°ããã¾ããchecked 屿§ã¯ã defaultChecked ããããã£ã«ãã£ã¦åæ ããã¾ãã
ã©ã¸ãªå
¥åã® checked ããããã£ã true ã®å ´åãåã name ãæã¤ä»ã®ã©ã¸ãªå
¥åã¯ãã¹ã¦ false ã§ããåãååãæã¤ã©ã¸ãªãã¿ã³ã°ã«ã¼ãå
ã®ããããã®ã©ã¸ãªãã¿ã³ã required ã®å ´åãã°ã«ã¼ãå
ã®ãã¿ã³ã 1 ã¤ã§ããã§ãã¯ãããã¨ãã°ã«ã¼ãå
ã®åã©ã¸ãªãã¿ã³ã«å¯¾ãã ValidityState ãªãã¸ã§ã¯ãã®èªã¿åãå°ç¨ã® valueMissing ããããã£ã¯ false ã«ãªãã¾ãã
ãã§ãã¯ããã¯ã¹ã®å¤ã¯ãã©ã¼ã ãéä¿¡ããéã«éä¿¡ãã¼ã¿ã«å«ã¾ãã¾ãããã§ãã¯ããã¯ã¹ã® checked å¤ã«å½±é¿ãä¸ãããã®ã¨ãã¦ã HTMLInputElement.indeterminate ããããã£ã®å¤ãããã¾ãã
å¤
è«çå¤ã§ãã
ä¾
const inputElement = document.getElementById("contactMail");
console.log(inputElement.checked);
inputElement.checked = true;
仿§æ¸
| 仿§æ¸ |
|---|
| HTML > # dom-input-checked > |
ãã©ã¦ã¶ã¼ã®äºææ§
é¢é£æ å ±
<input>HTMLInputElement.validity:checkedæ¬ä¼¼ã¯ã©ã¹