<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<form action="" method="post" class="contact-form">
<table id="example">
<tbody>
<tr><td>编剧</td><td>张三 李四</td></tr>
<tr><td>片名</td><td>片名随便写写就行</td></tr>
<tr><td>类别</td><td>悬疑 爱情 枪战</td></tr>
<tr><td>演员</td><td>张某某 李某某 王某某 周某某</td></tr>
<tr><td>发行时间</td><td>2022年12月31日</td></tr>
</tbody>
</table>
<input type="submit" value="Submit" />
</form>
页面加载完后,就将这个id="example"的表格中的空格换成多选框(checkbox),而且每一行的checkbox的name是一样的(命名规则由您确定),而且表单提交后,可以将相同name的选项提交为一组用空格隔开的数据,比如选择了悬疑和枪战,并且这一组的name是name3,那么提交表单后,name3=悬疑 枪战
也就是要形成这样的代码
<table id="example">
<tbody>
<tr><td>编剧</td><td><input type="checkbox" name="name1" value="张三" />张三 <input type="checkbox" name="name1" value="李四" />李四 <input type="checkbox" name="name1" value="王五" />王五
</td></tr>
<tr><td>片名</td><td><input type="checkbox" name="name2" value="片名随便写写就行" />片名随便写写就行</td></tr>
<tr><td>类别</td><td><input type="checkbox" name="name3" value="悬疑" />悬疑 <input type="checkbox" name="name3" value="爱情" />爱情 <input type="checkbox" name="name3" value="枪战" />枪战</td></tr>
<tr><td>演员</td><td><input type="checkbox" name="name4" value="张某某" />张某某 <input type="checkbox" name="name4" value="李某某" />李某某 <input type="checkbox" name="name4" value="王某某" />王某某 <input type="checkbox" name="name4" value="周某某" />周某某</td></tr>
<tr><td>发行时间</td><td><input type="checkbox" name="name5" value="2022年12月31日" />2022年12月31日</td></tr>
</tbody>
</table>