动态添加删除数据,动态循环出abcdefg

//添加题目
				$(".add_subject").click(function() {
					var subdatas = addSubject()
					$(".cj_delete_all").click(function() {
						$(this).closest(".add").remove()
					})
					//删除选项

					//添加选项
					//			$(".cj_add").click(function(){
					$(".add[datas=" + subdatas + "]").find('.cj_add').click(function() {
						var temp2 = '';
						var subNum = $(this).closest('.add_ti').find(".subject .form-group").length + 1;
						var letter = String.fromCharCode(64 + subNum)
						var data2 = $(this).closest('.add_ti').find(".subject>.form-group:last").attr('data');
						var data = data2 + 1;
						var datass = $(".addsub>.add:last").attr('datas')
						var datas = parseInt(datass) + 1;
						console.log(data2)
						console.log(data)
						temp2 += '<div class="form-group" data="' + datas + '-' + data + '">' +
							'<label class="col-sm-2 control-label sorting">' + letter + ':</label>' +
							'<div class="col-sm-10">' +
							'<input class="col-sm-8 options" type="text" />' +
							'<span class="col-sm-4">' +
							'<label><input type="radio" name="' + datas + '-' + data + '" value="1" class="isopen"  checked="checked" />开启</label>' +
							'<label><input type="radio" name="' + datas + '-' + data + '" value="2" class="isopen" />关闭</label>' +
							'<button type="button" class="btn btn-primary cj_delete">删除</button>' +
							'</span>' +
							'</div>' +
							'</div>';
						$(this).closest('.add_ti').find(".subject").append(temp2)
						$(".cj_delete").on('click', function() {
							var zimu = ['A:', 'B:', 'C:', 'D:', 'E:', 'F:', 'G:', 'H:', 'I:', 'J:', 'K:', 'L:', 'M:', 'N:', 'O:', 'P:']
							var subject = $(this).parents(".subject")
							var data3 = $(this).closest(".form-group").attr('data')
							$(this).closest(".form-group[data=" + data3 + "]").remove();
							subject.find('.sorting').each(function(m, n) {
								$(n).html(zimu[m])
							})
							console.log(3)
						})
					})
				})

				function addSubject() {
					var temp1 = '';
					var datass = $(".addsub>.add:last").attr('datas')
					var datas = parseInt(datass) + 1;
					temp1 += '<div class="add" datas="' + datas + '">' +
						'<div class="form-group">' +
						'<label class="col-sm-2 control-label"><font>*</font>排序:</label>' +
						'<div class="col-sm-10">' +
						'<input type="text" class="form-control qt_order">' +
						'<p>降序排序</p>' +
						'</div>' +
						'</div>' +
						'<div class="form-group">' +
						'<label class="col-sm-2 control-label">题目:</label>' +
						'<div class="col-sm-8">' +
						'<textarea id="text" name="info" class="form-control qt_topic" style="height:100px;"></textarea>' +
						'<p>建议不要超过30个字</p>' +
						'</div>' +
						'<div class="col-sm-2">' +
						'<button type="button" class="btn btn-primary cj_delete_all">删除本题</button>' +
						'</div>' +
						'</div>' +
						'<div class="hr-line-dashed"></div>' +
						'<div class="form-group">' +
						'<label class="col-sm-2 control-label">题目类型:</label>' +
						'<div class="col-sm-10">' +
						'<label><input type="radio" name="' + datas + '-a" class="qt_type" value="1" checked="checked" />单选题</label>' +
						'<label><input type="radio" name="' + datas + '-a" class="qt_type" value="2"/>多选题</label>' +
						'</div>' +
						'</div>' +
						'<div class="hr-line-dashed"></div>' +
						'<div class="form-group">' +
						'<label class="col-sm-2 control-label">选项序号:</label>' +
						'<div class="col-sm-10">' +
						'<span class="col-sm-8">' +
						'选项内容(建议17个字以内)' +
						'</span>' +
						'<span class="col-sm-4">' +
						'选择原因' +
						'</span>' +
						'</div>' +
						'</div>' +
						'<div class="add_ti">' +
						'<div class="subject">' +
						'<div class="form-group" data="' + datas + '-1">' +
						'<label class="col-sm-2 control-label sorting">A:</label>' +
						'<div class="col-sm-10">' +
						'<input class="col-sm-8 options" type="text"/>' +
						'<span class="col-sm-4">' +
						'<label><input type="radio" name="' + datas + '-1" value="1" class="isopen"  checked="checked"/>开启</label>' +
						'<label><input type="radio" name="' + datas + '-1" value="2" class="isopen"/>关闭</label>' +
						'</span>' +
						'</div>' +
						'</div>' +
						'<div class="form-group" data="' + datas + '-2">' +
						'<label class="col-sm-2 control-label sorting">B:</label>' +
						'<div class="col-sm-10">' +
						'<input class="col-sm-8  options" type="text"/>' +
						'<span class="col-sm-4">' +
						'<label><input type="radio" name="' + datas + '-2" value="1" class="isopen" checked="checked"/>开启</label>' +
						'<label><input type="radio" name="' + datas + '-2" value="2" class="isopen" />关闭</label>' +
						'</span>' +
						'</div>' +
						'</div>' +
						'</div>' +
						'<div class="form-group">' +
						'<div class="col-sm-2"></div>' +
						'<button type="button" class="col-sm-3 btn btn-primary cj_add">添加选项</button>' +
						'</div>' +
						'</div>' +
						'</div>'
					$(".addsub").append(temp1)
					return datas;
				}

猜你喜欢

转载自blog.csdn.net/supercaojh/article/details/80191195
今日推荐