CheckBox

显示一个复选按钮。

<CheckBox value="1" name="week">星期一</CheckBox>

通常您可能需要借助 For 组件来显示一组 CheckBox 按钮

<For list="weeks" item="w">
    <CheckBox value="{{w.value}}" name="week[]" checked="{{w.checked}}">{{w.title}}</CheckBox>
</For>

请注意上面第二个模板中的 name 后面多了一个 [],这表示提交数据的时候,需要把这几个复选框中选中的值一起放到名字叫 week 的数组中,最终得到的数据也就是一个数组 {"week": [1, 3, 5]}。如果按照第一个模板中来做,那么最终提交的数据将是最后一个选中的复选框的值(后面的覆盖前面的);

{
    "weeks": [
        {"value": 1, "title": "星期一", "checked": true},
        {"value": 3, "title": "星期三", "checked": true},
        {"value": 5, "title": "星期五", "checked": true},
        {"value": 7, "title": "星期日"}
    ]
}
属性名称说明是否支持变量默认值
标签内容显示的文字,描述开关按钮的作用。
name(string)提交的数据为开关当前被选中的那个按钮的 value 属性的值
disabled禁用开关按钮,true 或 false。false
checkedtrue 或 false,true 为选中状态。
value选中时被提交的值。