Check box
A checkbox is an interactive form control representing an independently selectable binary option that can be checked or cleared.
Build Python Web Apps with Streamlit
st.checkbox is a Streamlit input API element that renders a Boolean checkbox with a label.
- How it is used
- Lets users toggle optional rounding or mark tasks done in Streamlit apps.
- How deep it goes
- Works through conditional display, repeated checkboxes, task-status updates, and rerun pitfalls rather than widget internals.
- Examples
- Uses a unit converter’s optional decimal-places input and a to-do list with one checkbox per task.
- What you can do after
- Build it from scratch: add Streamlit checkboxes that reveal an optional input or update a task’s completion status.
Read how Build Python Web Apps with Streamlit explains check box →
React Quickly, Second Edition
A checkbox is a form control that represents an independently selectable true-or-false option.
- How it is used
- Represents Boolean form choices such as task urgency and individual step completion.
- How deep it goes
- Shows a controlled check box with state initialization, `checked`, and an `onChange` handler; leaves the multi-step implementation as homework.
- Examples
- Uses an urgent-task form and an exercise that adds completion check boxes to task steps.
- What you can do after
- Build it from scratch as a controlled React check box, then apply the pattern to completable task steps.
Tiny CSS Projects
A checkbox is a form control that can be independently selected or cleared to represent a binary or multiple-choice setting.
- How it is used
- Uses a newsletter check box to demonstrate styling a choice within a contact form.
- How deep it goes
- Works through accent coloring and custom unselected visuals, but does not show a custom selected-state design.
- Examples
- Shows a newsletter choice and CSS listings for accent-colored, reset, and styled controls.
- What you can do after
- Operate/configure it with CSS to recolor a native check box or size and shape its unselected appearance.
Build a Website with ChatGPT
A checkbox is a form control representing an independently selectable yes-or-no or on-or-off value.
- How it is used
- Collects one independent yes-or-no, accept-or-reject, or on-or-off response in an interactive form.
- How deep it goes
- Explains visible checked and unchecked states and initial-state customization, but does not detail generated code internals.
- Examples
- Uses notification, newsletter-subscription, and event-sign-up choices as concrete checkbox examples.
- What you can do after
- Build it from scratch by specifying a checkbox label, response meaning, and initial checked state in a generated form.
Related concepts
- accent-colorconfigured by · The CSS accent-color property specifies the accent color used by supported user-interface controls and form elements.
- checked propertyuses · The checked property is a form-control property that reports whether a checkbox input is selected.
- rerunproduces · A Streamlit development setting that automatically reruns an app when its source code changes.
- form fieldkind of · A form field is a user-interface control or component that represents data to be entered or selected in a form, often with associated rendering or validation behavior.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.