checkbox(复选框)

checkbox常用于多选的情况,比如批量删除、添加群聊等;

DOM结构

  1. <div class="mui-input-row mui-checkbox">
  2. <label>checkbox示例</label>
  3. <input name="checkbox1" value="Item 1" type="checkbox" checked>
  4. </div>

默认checkbox在右侧显示,若希望在左侧显示,只需增加.mui-left类即可,如下:

  1. <div class="mui-input-row mui-checkbox mui-left">
  2. <label>checkbox左侧显示示例</label>
  3. <input name="checkbox1" value="Item 1" type="checkbox">
  4. </div>

若要禁用checkbox,只需在checkbox上增加disabled属性即可;

扩展阅读

代码块激活字符:

mckeckbox