Knowledge (XXG)

Checkbox

Source 📝

265:") a checkbox changes the checkbox's state with no other side-effects. Violating this guideline by associating additional actions with the change of state frequently confuses users, because they are used to configuring data in entry controls such as text boxes, radio buttons, and checkboxes and then invoking an action control such as a push button to initiate the action to process the data. 218: 43: 503: 245:
so that files can be selected one at a time, or by folder. If only some of the files in a folder are selected, then the checkbox for that folder would be indeterminate. Clicking on this indeterminate checkbox would select all or, less commonly, none of the contained files. Continuing to click on the
233:
provided by a normal checkbox. This third state is shown as a square or dash in the checkbox, and indicates that its state is neither checked nor unchecked. This is most often used when the checkbox is tied to a collection of items in mixed states. The indeterminate state cannot usually be selected
186:
inside (depending on the graphical user interface) when checked. A caption describing the meaning of the checkbox is normally shown adjacent to the checkbox. Inverting the state of a checkbox is done by clicking the mouse on the box, or the caption, or by using a
249:
Some tri-state checkbox implementations allow the user to toggle among all states, including the indeterminate state, by remembering the mixed state of the items in the collection. This serves as an
171:
to make a binary choice, i.e. a choice between one of two possible mutually exclusive options. For example, the user may have to answer 'yes' (checked) or 'no' (not checked) on a simple
198:
Often, a series of checkboxes is presented, each with a binary choice between two options. The user may then select several of the choices. This is contrasted with the
948: 268:
One common exception is to enable or display additional user input elements whose relevance depends on the checkbox state. In other situations
1004: 535: 1009: 246:
checkbox would alternate between checked (all sub-directories and files selected) and unchecked (no sub-directories or files selected).
320: 126: 140: 64: 438: 107: 79: 53: 808: 528: 60: 86: 983: 507: 468: 788: 634: 387: 269: 238: 93: 866: 521: 226: 75: 172: 757: 747: 669: 893: 833: 818: 725: 700: 664: 563: 230: 838: 793: 558: 392: 188: 978: 917: 902: 705: 583: 578: 544: 377: 209:") to inform the user of their existence and possible use despite momentary unavailability. 168: 164: 881: 823: 778: 715: 695: 30:
This article is about the computer interface element. For the concept in US tax law, see
412: 973: 953: 927: 876: 720: 573: 202:, in which only a single option is selectable from several mutually-exclusive choices. 100: 998: 958: 813: 735: 31: 922: 730: 690: 649: 644: 619: 609: 568: 382: 285: 199: 17: 943: 912: 861: 798: 624: 42: 907: 752: 659: 446: 346: 330: 281: 217: 206: 179: 513: 968: 963: 871: 845: 783: 654: 629: 614: 242: 192: 502: 803: 740: 674: 639: 588: 828: 762: 710: 476: 469:"<input type="checkbox"> - HTML: HyperText Markup Language | MDN" 262: 139: 362: 216: 183: 138: 250: 517: 178:
Checkboxes are shown as empty boxes when unchecked, and with a
237:
For example, a checkbox presented to select files to send via
36: 234:
by the user, and switches to a checked state when activated.
143:
Sample binary-state checkboxes, with some options disabled
936: 890: 854: 771: 683: 597: 551: 288: 67:. Unsourced material may be challenged and removed. 529: 8: 536: 522: 514: 231:indeterminate state in addition to the two 949:List of graphical user interface elements 272:is typically used instead of a checkbox. 127:Learn how and when to remove this message 404: 205:Checkboxes may be disabled (indicated " 7: 65:adding citations to reliable sources 27:Element of graphical user interfaces 25: 437:Nielsen, Jakob (September 2004). 1005:Knowledge (XXG) requested images 501: 41: 308:is used to display a checkbox. 52:needs additional citations for 439:"Checkboxes vs. Radio Buttons" 1: 229:use checkboxes that allow an 696:Head-up display in computing 221:Sample tri-state checkboxes 1026: 1010:Graphical control elements 545:Graphical control elements 29: 443:Jakob Nielsen's Alertbox 984:Zoomable user interface 789:Client-side decoration 388:Toggle switch (widget) 261:Setting or clearing (" 222: 144: 867:Breadcrumb navigation 473:developer.mozilla.org 348:BALLOT BOX WITH CHECK 220: 142: 510:at Wikimedia Commons 302:"checkbox" 61:improve this article 18:Tri-state check box 726:Progress indicator 701:HUD in video games 449:on August 29, 2012 223: 213:Tri-state checkbox 145: 992: 991: 839:Window decoration 794:Disclosure widget 598:Data input-output 559:Adjustment handle 506:Media related to 393:Boolean data type 364:BALLOT BOX WITH X 189:keyboard shortcut 137: 136: 129: 111: 16:(Redirected from 1017: 937:Related concepts 918:Inspector window 903:Alert dialog box 896: 799:Frame / Fieldset 579:Hamburger button 538: 531: 524: 515: 505: 489: 488: 486: 484: 465: 459: 458: 456: 454: 445:. Archived from 434: 428: 427: 425: 423: 409: 378:Tick-box culture 365: 361: 358: 356: 349: 345: 342: 340: 333: 329: 326: 324: 307: 306: 303: 300: 297: 294: 291: 167:that allows the 165:graphical widget 132: 125: 121: 118: 112: 110: 69: 45: 37: 21: 1025: 1024: 1020: 1019: 1018: 1016: 1015: 1014: 995: 994: 993: 988: 932: 891: 886: 882:Virtual desktop 850: 767: 679: 593: 547: 542: 498: 493: 492: 482: 480: 467: 466: 462: 452: 450: 436: 435: 431: 421: 419: 411: 410: 406: 401: 374: 369: 363: 359: 354: 353: 347: 343: 338: 337: 331: 327: 319: 318: 314: 304: 301: 298: 295: 292: 289: 278: 259: 215: 173:yes/no question 133: 122: 116: 113: 70: 68: 58: 46: 35: 28: 23: 22: 15: 12: 11: 5: 1023: 1021: 1013: 1012: 1007: 997: 996: 990: 989: 987: 986: 981: 976: 974:Widget toolkit 971: 966: 961: 956: 954:Layout manager 951: 946: 940: 938: 934: 933: 931: 930: 928:Palette window 925: 920: 915: 910: 905: 899: 897: 888: 887: 885: 884: 879: 877:Navigation bar 874: 869: 864: 858: 856: 852: 851: 849: 848: 843: 842: 841: 831: 826: 821: 816: 811: 806: 801: 796: 791: 786: 781: 775: 773: 769: 768: 766: 765: 760: 755: 750: 745: 744: 743: 738: 733: 723: 721:Loading screen 718: 713: 708: 703: 698: 693: 687: 685: 681: 680: 678: 677: 672: 667: 662: 657: 652: 647: 642: 637: 632: 627: 622: 617: 612: 607: 601: 599: 595: 594: 592: 591: 586: 581: 576: 574:Drop-down list 571: 566: 561: 555: 553: 549: 548: 543: 541: 540: 533: 526: 518: 512: 511: 497: 496:External links 494: 491: 490: 479:. 13 June 2023 460: 429: 403: 402: 400: 397: 396: 395: 390: 385: 380: 373: 370: 368: 367: 351: 335: 315: 313: 310: 277: 274: 258: 257:Not actionable 255: 214: 211: 191:, such as the 135: 134: 49: 47: 40: 26: 24: 14: 13: 10: 9: 6: 4: 3: 2: 1022: 1011: 1008: 1006: 1003: 1002: 1000: 985: 982: 980: 977: 975: 972: 970: 967: 965: 962: 960: 959:Look and feel 957: 955: 952: 950: 947: 945: 942: 941: 939: 935: 929: 926: 924: 921: 919: 916: 914: 911: 909: 906: 904: 901: 900: 898: 895: 889: 883: 880: 878: 875: 873: 870: 868: 865: 863: 860: 859: 857: 853: 847: 844: 840: 837: 836: 835: 832: 830: 827: 825: 822: 820: 817: 815: 812: 810: 807: 805: 802: 800: 797: 795: 792: 790: 787: 785: 782: 780: 777: 776: 774: 770: 764: 761: 759: 756: 754: 751: 749: 746: 742: 739: 737: 736:Splash screen 734: 732: 729: 728: 727: 724: 722: 719: 717: 714: 712: 709: 707: 704: 702: 699: 697: 694: 692: 689: 688: 686: 684:Informational 682: 676: 673: 671: 668: 666: 663: 661: 658: 656: 653: 651: 648: 646: 643: 641: 638: 636: 635:Toggle switch 633: 631: 628: 626: 623: 621: 618: 616: 613: 611: 608: 606: 603: 602: 600: 596: 590: 587: 585: 582: 580: 577: 575: 572: 570: 567: 565: 562: 560: 557: 556: 554: 552:Command input 550: 546: 539: 534: 532: 527: 525: 520: 519: 516: 509: 504: 500: 499: 495: 478: 474: 470: 464: 461: 448: 444: 440: 433: 430: 418: 414: 413:"Check Boxes" 408: 405: 398: 394: 391: 389: 386: 384: 381: 379: 376: 375: 371: 366: 352: 350: 336: 334: 322: 317: 316: 311: 309: 287: 283: 275: 273: 271: 270:toggle switch 266: 264: 256: 254: 252: 247: 244: 240: 235: 232: 228: 219: 212: 210: 208: 203: 201: 196: 194: 190: 185: 181: 176: 174: 170: 166: 162: 158: 154: 150: 141: 131: 128: 120: 117:November 2010 109: 106: 102: 99: 95: 92: 88: 85: 81: 78: –  77: 73: 72:Find sources: 66: 62: 56: 55: 50:This article 48: 44: 39: 38: 33: 32:Check-the-box 19: 923:Modal window 855:Navigational 731:Progress bar 691:Balloon help 650:Radio button 645:List builder 620:Cycle button 610:Color picker 604: 569:Context menu 483:19 September 481:. Retrieved 472: 463: 451:. Retrieved 447:the original 442: 432: 420:. Retrieved 416: 407: 383:Radio button 286:HTML element 279: 267: 260: 248: 241:might use a 236: 227:applications 224: 204: 200:radio button 197: 177: 160: 156: 152: 148: 146: 123: 114: 104: 97: 90: 83: 71: 59:Please help 54:verification 51: 944:File viewer 913:File dialog 862:Address bar 625:Date picker 508:Check boxes 453:February 5, 422:February 5, 999:Categories 908:Dialog box 772:Containers 753:Status bar 660:Search box 399:References 332:BALLOT BOX 263:unclicking 207:greyed out 87:newspapers 76:"Checkbox" 969:Scrolling 964:Mouseover 872:Hyperlink 846:Workspace 784:Tree view 779:Accordion 655:Scrollbar 630:Grid view 615:Combo box 282:web forms 253:feature. 243:tree view 193:space bar 153:check box 892:Special 804:Menu bar 741:Throbber 675:Text box 640:List box 605:Checkbox 589:Pie menu 372:See also 360:☒ 344:☑ 328:☐ 161:tick box 149:checkbox 894:windows 829:Toolbar 814:Popover 763:Tooltip 748:Sidebar 711:Infobar 670:Spinner 477:Mozilla 312:Unicode 163:) is a 157:tickbox 101:scholar 834:Window 819:Ribbon 665:Slider 564:Button 357: 355:U+2612 341: 339:U+2611 325: 284:, the 103:  96:  89:  82:  74:  809:Panel 758:Toast 716:Label 293:input 225:Some 184:cross 108:JSTOR 94:books 979:WIMP 706:Icon 584:Menu 485:2023 455:2010 424:2010 417:msdn 323:2610 305:> 296:type 290:< 276:HTML 251:undo 180:tick 169:user 80:news 824:Tab 280:In 239:FTP 182:or 63:by 1001:: 475:. 471:. 441:. 415:. 321:U+ 195:. 175:. 159:, 155:, 147:A 537:e 530:t 523:v 487:. 457:. 426:. 299:= 151:( 130:) 124:( 119:) 115:( 105:· 98:· 91:· 84:· 57:. 34:. 20:)

Index

Tri-state check box
Check-the-box

verification
improve this article
adding citations to reliable sources
"Checkbox"
news
newspapers
books
scholar
JSTOR
Learn how and when to remove this message

graphical widget
user
yes/no question
tick
cross
keyboard shortcut
space bar
radio button
greyed out

applications
indeterminate state in addition to the two
FTP
tree view
undo
unclicking

Text is available under the Creative Commons Attribution-ShareAlike License. Additional terms may apply.