> For the complete documentation index, see [llms.txt](https://docs.h5ui.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.h5ui.io/checkbox.md).

# Checkbox 复选框

{% embed url="<https://h5ui.io/example/checkbox.html>" %}

<div align="left"><figure><img src="/files/vxYf6W70cehUsTKq5i97" alt="" width="375"><figcaption></figcaption></figure></div>

```html
<div class="h5ui-checkbox" data-toggle="buttons">
    <label class="btn active">
        <input type="checkbox" checked="checked">
        <span class="h5ui-checkbox_bd">已选中</span>
        <span class="h5ui-checkbox_ft"></span>
    </label>

    <label class="btn active">
        <input type="checkbox" checked="checked">
        <span class="h5ui-checkbox_bd">已选中</span>
        <span class="h5ui-checkbox_ft"></span>
    </label>

    <label class="btn">
        <input type="checkbox">
        <span class="h5ui-checkbox_bd">未选</span>
        <span class="h5ui-checkbox_ft"></span>
    </label>

    <label class="btn disabled">
        <input type="checkbox">
        <span class="h5ui-checkbox_bd">锁定状态</span>
        <span class="h5ui-checkbox_ft"></span>
    </label>
</div>
```