帝国cms form表单内将多选后的结果赋值给隐藏表单

在帝国cms里面，想要进行多选，比如地区的多选搜索，那就需要地区多选后的表单全部拼接，然后再传给keyboard字段，所以就需要用到下面的代码：
html部分代码：
<label class="area-box-listhover">
    <input class="inputcheckbox" type="checkbox" name="address[]" value="安徽">
    <span class="area-box-name">安徽</span>
</label>
<label class="area-box-listhover">
    <input class="inputcheckbox" type="checkbox" name="address[]" value="澳门">
    <span class="area-box-name">澳门</span>
</label>
<label class="area-box-listhover">
    <input class="inputcheckbox" type="checkbox" name="address[]" value="重庆">
    <span class="area-box-name">重庆</span>
</label>
<label class="area-box-listhover">
    <input class="inputcheckbox" type="checkbox" name="address[]" value="福建">
    <span class="area-box-name">福建</span>
</label>
<label class="area-box-listhover">
    <input class="inputcheckbox" type="checkbox" name="address[]" value="广东">
    <span class="area-box-name">广东</span>
</label>
<input id="hadd" type="hidden" name="keyboard[]"  >
jQuery代码：
$(document).ready(function() {
  $('input[name="address[]"]').change(function() {
    // 获取选中的复选框的值
    var address = $('input[name="address[]"]:checked').map(function() {
    return $(this).val();
    }).get().join(' '); // 将选中的复选框的值拼接成字符串，以空格隔开
    // 设置隐藏域的值
    $('input[id="hadd"]').val(address);
  });
  });