背景:可以动态添加单选、多选以及选项。
实现效果如下:
主要使用了LayUI框架、templet模板框架。
其中必答、添加选项和删除试题的样式是由公司前端帮我完成的。
将题目、信息、人员、单选及多选按钮放好
<form class="layui-form" id="vote_head">
<div class="layui-form-item">
<label class="layui-form-label vote_label">投票标题:</label>
<div class="layui-input-block">
<input type="text" id="vote_title" width="600px" autocomplete="off" placeholder="请输入标题" class="layui-input vote_title">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label vote_label">投票说明:</label>
<div class="layui-input-block">
<textarea placeholder="请输入投票说明(可不填)" id="vote_desc" class="layui-textarea vote_title"></textarea>
</div>
</div>
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm vote_btn" onclick="add_title(1)">+ 多选题</button>
<button type="button" class="layui-btn layui-btn-sm vote_btn" onclick="add_title(0)">+ 单选题</button>
</div>
</div>
</form>
构造模板
demo1:试题模板