Javascript 如何通过单击多个复选框动态添加字段

我想通过点击多个复选框的复选框来动态添加两个字段。 第一个字段是一个标签，带有从多个复选框中选择值的复选框，另一个字段是供用户输入值的文本框

jQuery（'#size'）.on（'change'，function（））{
var vauler=jQuery（this）.val（）
jQuery（“#mytable”）.append（“size-”+vauler+”）
});

尺寸
一
二
三
四
五
量
大小大小从“多个”中选择

向什么添加字段？点击复选框后必须做什么？字段需要像这样附加在一个div中？！若单击复选框，则复选框“编号”和“数量”值将作为一行添加到表中。若为“多选”，则您的答案为“确定”。我希望它位于“多选”复选框中。对于多个复选框，我得到的是数组值，它被附加到标签和文本框中。我需要它将标签和文本框中的值分开，不带逗号，正如JSFIDLE所示。请原谅我，但我不明白你的意思。