jquery获取后台数据进行四级联动，一二级为省市下拉框，三级为区表格且带复选框，四级为街道表格 具体代码

以下是一个基于 jQuery 实现的四级联动代码，其中一二级联动使用 select 下拉框，三级和四级使用表格和复选框实现：

HTML 代码：

<select id="province">
  <option value="">请选择省份</option>
</select>
<select id="city">
  <option value="">请选择城市</option>
</select>
<table id="district">
  <thead>
    <tr>
      <th></th>
      <th>区县</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>
<table id="street">
  <thead>
    <tr>
      <th></th>
      <th>街道</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

jQuery 代码：

$(function () {
  // 加载省份数据
  $.ajax({
    url: 'province.json',
    success: function (data) {
      var options = '<option value="">请选择省份</option>';
      $.each(data, function (index, item) {
        options += '<option value="' + item.code + '">' + item.name + '</option>';
      });
      $('#province').html(options);
    }
  });

  // 省份下拉框改变事件
  $('#province').change(function () {
    var provinceCode = $(this).val();
    if (provinceCode) {
      // 加载城市数据
      $.ajax({
        url: 'city.json',
        data: {provinceCode: provinceCode},
        success: function (data) {
          var options = '<option value="">请选择城市</option>';
          $.each(data, function (index, item) {
            options += '<option value="' + item.code + '">' + item.name + '</option>';
          });
          $('#city').html(options);
        }
      });

      // 加载区县数据
      $.ajax({
        url: 'district.json',
        data: {provinceCode: provinceCode},
        success: function (data) {
          var rows = '';
          $.each(data, function (index, item) {
            rows += '<tr><td><input type="checkbox" value="' + item.code + '"></td><td>' + item.name + '</td></tr>';
          });
          $('#district tbody').html(rows);
        }
      });
    } else {
      $('#city').html('<option value="">请选择城市</option>');
      $('#district tbody').empty();
      $('#street tbody').empty();
    }
  });

  // 城市下拉框改变事件
  $('#city').change(function () {
    var cityCode = $(this).val();
    if (cityCode) {
      // 加载街道数据
      $.ajax({
        url: 'street.json',
        data: {cityCode: cityCode},
        success: function (data) {
          var rows = '';
          $.each(data, function (index, item) {
            rows += '<tr><td><input type="checkbox" value="' + item.code + '"></td><td>' + item.name + '</td></tr>';
          });
          $('#street tbody').html(rows);
        }
      });
    } else {
      $('#street tbody').empty();
    }
  });
});

说明：

- 省份数据、城市数据、区县数据和街道数据均存放在 JSON 文件中，通过 jQuery 的 ajax 方法异步加载；
- 一级联动使用 select 下拉框，二级联动也使用 select 下拉框，三级和四级联动使用表格和复选框实现；
- 省份下拉框改变事件中，根据选择的省份加载对应的城市数据和区县数据；
- 城市下拉框改变事件中，根据选择的城市加载对应的街道数据。