h5 移动端实现级联 checkbox 的多选

H5移动端实现级联复选框（通常称为树形或多级联动的复选框）通常涉及到JavaScript库的使用，如jQuery、vue.js或react等前端框架，因为原生HTML5并不直接支持这种复杂的交互。

下面是一个简单的步骤描述：

1. **HTML结构**:

<ul id="treeview">
  <li>
    <input type="checkbox" value="parent1"> 父节点1
    <ul>
      <li><input type="checkbox" value="child1"> 子节点1</li>
      <li><input type="checkbox" value="child2"> 子节点2</li>
    </ul>
  </li>
  <!-- 更多层级... -->
</ul>

2. **JavaScript/jQuery处理**:
通过事件监听和数据绑定，当父节点的复选框状态改变时，更新其对应的子节点状态，并同步保存选择状态到服务器或本地存储。

$(document).ready(function() {
  $('#treeview').on('change', 'input[type=checkbox]', function() {
    // 判断是否是父节点
    if ($(this).prop('indeterminate')) return;
    
    // 更新子节点状态
    $(this).nextUntil('ul').children().prop('checked', this.checked);
  });
});

3. **功能增强库**:
可以考虑使用像ZTree这样的轻量级库来实现更丰富的功能，比如点击展开/折叠、记忆上次选择状态等。