//添加题目 $(".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; }
动态添加删除数据,动态循环出abcdefg
猜你喜欢
转载自blog.csdn.net/supercaojh/article/details/80191195
今日推荐
周排行