关于form表单中checkbox和数组值的提交

###要求是做一个新增试题的页面，使用的layui框架。效果图如下，可以根据题目类型的选择自动变换答案的单选框和复选框，并且可以添加删除选项的同时也新增或删除答案按钮。最小两个选项。

在实现的过程中遇到的问题：

1. 就是复选框提交的值在后台只接收到了最后一个，最后发现是checkBox的name值写的有问题，应该是name=answer[]，这样提交到后台就是一个数组。

<div class="layui-form-item" pane="">
    <label class="layui-form-label">原始复选框</label>
    <div class="layui-input-block">
      <input type="checkbox" name="like1[]" lay-skin="primary" title="写作" checked="">
      <input type="checkbox" name="like1[]" lay-skin="primary" title="阅读">
      <input type="checkbox" name="like1[]" lay-skin="primary" title="游戏" disabled="">
    </div>
  </div>

2. 第二个就是选项的提交，代码如下：

<div class="layui-form-item option">
            <label class="layui-form-label">A</label>
            <div class="layui-input-block" style="width: 350px;" >
                <input name="option[0].optionKey" value="A" type="hidden">
                <input type="text" name="option[0].optionValue" placeholder="请输入选项"
                       autocomplete="off" lay-verify="required" class="layui-input">

            </div>
        </div>
        <div class="layui-form-item option">
            <label class="layui-form-label">B</label>
            <div class="layui-input-block" style="width: 350px;" >
                <input name="option[1].optionKey" value="B" type="hidden">
                <input type="text" name="option[1].optionValue" placeholder="请输入选项"
                       autocomplete="off" lay-verify="required" class="layui-input">
            </div>
        </div>

注意这里的name也是数组形式的，后台接受的对象代码如下：

	//controller
	@RequestMapping("/add")
    @ResponseBody
    public Message add(CompleteQuestion question) {...}

//接收参数的实体类
public class CompleteQuestion {

    private Integer id;

    private String question;

    private String[] answer;

    private Integer type;

    private List<Option> option;

public class Option implements Serializable {

    private String optionKey;

    private String optionValue;

这里会自动将答案的复选框设置到answer的数组中，并且选项也会自动加入到option的集合中