üũ¹Ú½º(check box)ÀÇ ¼±Åà »óŸ¦ »ç¿ëÀÚ°¡ º¯°æÇߴ°¡¸¦ ºÎ¿ï°ªÀ¸·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Àμö
: (¼Ó¼º ºÎ¿ï°ª)
¼Ó¼º°ªÀº üũ¹Ú½º(check box)ÀÇ ¼±Åà »óŸ¦ »ç¿ëÀÚ°¡ º¯°æÇߴ°¡¸¦ ³ªÅ¸³»´Â ºÎ¿ï°ªÀÌ´Ù.

false µðÆúÆ®À̸ç, üũ¹Ú½º°¡ üũµÇÁö ¾Ê¾Ò´Ù.
true üũ¹Ú½º°¡ üũµÇ¾ú´Ù.

ÀÌ ¼Ó¼ºÀº Àбâ/¾²±â·Î µðÆúÆ®°ªÀº falseÀÌ´Ù.

indeterminateÀÇ Àǹ̴ "ºÒÈ®Á¤ÇÑ, ºÎÁ¤(ÜôïÒ)ÀÇ; ¸·¿¬ÇÑ" ÀÌ´Ù.

Ư±â

indeterminate ¼Ó¼ºÀº »ç¿ëÀÚ°¡ Á¦¾î¿¡ ÀÛµ¿ÇÏ¿´´Â°¡¸¦ ÆÇÁ¤Çϴµ¥ »ç¿ëµÉ ¼ö ÀÖ´Ù. ¿¹¸¦µé¾î indeterminate ¼Ó¼ºÀÌ true·Î ¼³Á¤Çϸé, ü±×¹Ú½º°¡ üũµÈ °ÍÀ¸·Î È帮°Ô ³ªÅ¸³ª¼­ indeterminate ¼Ó¼ºÀÇ »óŸ¦ ³ªÅ¸³½´Ù.

ÀÌ indeterminate ¼Ó¼º°ªÀº checked¿Í status ¼Ó¼º°ªµé°ú´Â µ¶¸³ÀûÀ¸·Î ¹ÝÀÀÇÑ´Ù. indeterminate »óÅ´ ºÒÈ°¼º(disabled) »óÅ Á¦¾î¿Í´Â ´Ù¸£´Ù. µû¶ó¼­ indeterminate »óÅÂÀÇ Ã¼Å©¹Ú½º ¿¤·¹¸àÆ®´Â °è¼Ó ÃÊÁ¡À» ¹Þµé ¼ö ÀÖ´Ù. »ç¿ëÀÚ°¡ indeterminateÁ¦¾î¸¦ Ŭ¸¯Çϸé, indeterminate »óÅ´ ²¨Áö°í üũµÈ »óÅ´ ¹Ù²ï´Ù.

Àû¿ë
°³Ã¼scriptHTML±Ô°ÝIE
ÂüÁ¶

ü±×¹Ú½º 1 ü±×¹Ú½º 2 ü±×¹Ú½º 3 ü±×¹Ú½º 4
°á°ú Ç¥½Ãâ

ü±×¹Ú½º 4´Â disabled »óÅÂÀÌ´Ù.

<SCRIPT>
function showAll(obj){
  str='cb1Obj.checked=<FONT color=green>'+cb1Obj.checked+'</FONT>, ';
  str+='cb1Obj.indeterminate=<FONT color=blue>'+cb1Obj.indeterminate+'</FONT><BR>';
  str+='cb2Obj.checked=<FONT color=green>'+cb2Obj.checked+'</FONT>, ';
  str+='cb2Obj.indeterminate=<FONT color=blue>'+cb2Obj.indeterminate+'</FONT><BR>';
  str+='cb3Obj.checked=<FONT color=green>'+cb3Obj.checked+'</FONT>, ';
  str+='cb3Obj.indeterminate=<FONT color=blue>'+cb3Obj.indeterminate+'</FONT><BR>';
  str+='cb4Obj.checked=<FONT color=green>'+cb4Obj.checked+'</FONT>, ';
  str+='cb4Obj.indeterminate=<FONT color=blue>'+cb4Obj.indeterminate+'</FONT><BR>';
  showA.innerHTML=str;
}
</SCRIPT>
<INPUT type="checkbox" id="cb1Obj" onclick="showAll(this)"> ü±×¹Ú½º 1
<INPUT type="checkbox" id="cb2Obj" onclick="showAll(this)"> ü±×¹Ú½º 2
<INPUT type="checkbox" id="cb3Obj" onclick="showAll(this)"> ü±×¹Ú½º 3
<INPUT type="checkbox" id="cb4Obj" onclick="showAll(this)" disabled> ü±×¹Ú½º 4<BR>
<BUTTON onclick="cb1Obj.indeterminate=true;showAll()">1 ¼³Á¤ ´ÜÃß</BUTTON>
<BUTTON onclick="cb2Obj.indeterminate=true;showAll()">2 ¼³Á¤ ´ÜÃß</BUTTON>
<BUTTON onclick="cb3Obj.indeterminate=true;showAll()">3 ¼³Á¤ ´ÜÃß</BUTTON>
<BUTTON onclick="cb4Obj.indeterminate=true;showAll()">4 ¼³Á¤ ´ÜÃß</BUTTON>
<DIV id=showA>°á°ú Ç¥½Ãâ</DIV>