java项目 前端问题 多选框选出内容 同步在旁边表格中显示出来

一个页面有一个左右那种多选框（见下图）还有一个表格 表格数据是和多选框同步的
多选框一选出一个原料 表格就立刻追加一行记录 然后点击表格下面的提交按钮 将所有值都
发给后台 请问大神们 如何实现呢
三个问题 1：如何实现多选框和表格记录的同步显示 2：点击提交如何拿到所有值 3：点击提交如何跳转到某个后台java文件，并且后台如何获取所有数据（使用mybatis）

前台用JQuery 获取
var checkstr="";
$("input:checkbox[name=record]:checked'").each(function(i){
if(checkstr!="")

{ //将所选的各项记录的id形成字符串，并以“，”分割
checkstr+=",";

}

checkstr += $(this).val();

});
//可用表单或直接用href将checkStr作为参数跳转到action,后台获取后直接更新相应数据即可
// .action?checkStr=checkstr

后台交互：
后台获取：HttpServletRequest request = ServletActionContext.getRequest();
String id=request.getParameter("typeid");