ruoyi
/
RuoYi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

选择题样式修改

This commit is contained in:
flower 2018-12-10 23:20:02 +08:00
parent a1dcfa91df
commit 3ead7cdeda
1 changed files with 31 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
ruoyi-exam/src/main/resources/templates/exam/examQuestion/choiceadd.html
View File

@ -13,36 +13,42 @@
<input id="title" name="title" class="form-control" type="text"> <input id="title" name="title" class="form-control" type="text">
</div> </div>
</div> </div>
<div class="form-group"> <!--<div class="form-group">-->
<label class="col-sm-3 control-label">问题答案：</label> <!--<label class="col-sm-3 control-label">问题答案：</label>-->
<div class="col-sm-8"> <!--<div class="col-sm-8">-->
<input id="answer" name="answer" class="form-control" type="text"> <!--<input id="answer" name="answer" class="form-control" type="text">-->
</div> <!--</div>-->
</div> <!--</div>-->
<div class="form-group" > <div class="form-group" >
<label class="col-sm-3 control-label">问题选项：</label> <label class="col-sm-3 control-label">问题选项：</label>
<div class="col-sm-1"> <div class="col-sm-1" style="padding-right: 0px;">
<input style="padding: 6px 10px" id="number1" name="number" class="form-control" type="text" value="A" readonly> <input class="form-control" name="answer" value="A" type="radio" style="margin: 0 0 0;">
</div> </div>
<div class="col-sm-7"> <div class="col-sm-1" style="padding-right: 0px;padding-left: 0px">
<input style="padding: 6px 10px;text-align: center" id="number1" name="number" class="form-control" type="text" value="A" readonly>
</div>
<div class="col-sm-6" style="padding-left: 0px">
<input id="content1" name="content" class="form-control" type="text"> <input id="content1" name="content" class="form-control" type="text">
</div> </div>
</div> </div>
<div class="form-group" > <div class="form-group" >
<label class="col-sm-3 control-label"></label> <label class="col-sm-3 control-label"></label>
<div class="col-sm-1"> <div class="col-sm-1" style="padding-right: 0px;">
<input style="padding: 6px 10px" id="number2" name="number" class="form-control" type="text" value="B" readonly> <input class="form-control" name="answer" value="B" type="radio" style="margin: 0 0 0;">
</div> </div>
<div class="col-sm-7"> <div class="col-sm-1" style="padding-right: 0px;padding-left: 0px">
<input style="padding: 6px 10px;text-align: center" id="number2" name="number" class="form-control" type="text" value="B" readonly>
</div>
<div class="col-sm-6" style="padding-left: 0px">
<input id="content2" name="content" class="form-control" type="text"> <input id="content2" name="content" class="form-control" type="text">
</div> </div>
</div> </div>
<div class="form-group" id="addOption"> <div class="form-group" id="addOption">
<label class="col-sm-4 control-label"></label> <label class="col-sm-4 control-label"></label>
<div class="col-sm-7"> <div class="col-sm-7" style="padding-left: 0px">
<a style="text-align: center;color: #999;border: 1px #ccc dashed;display:block;height: 34px <a style="text-align: center;color: #999;border: 1px #ccc dashed;display:block;height: 34px
;line-height: 34px" href="javascript:addOption();">添加选项</a> ;line-height: 34px" href="javascript:addOption();">添加选项</a>
</div> </div>
@ -101,6 +107,7 @@
content:{ content:{
required:true, required:true,
}, },
} }
}); });
@ -110,10 +117,13 @@
} }
} }
function addOption(){ function addOption(){
$("#addOption").before(' <div class="form-group update1" id="div'+item[index]+'"> <label class="col-sm-3 control-label"></label> <div class="col-sm-1"> ' + $("#addOption").before(' <div class="form-group update1" id="div'+item[index]+'"> <label class="col-sm-3 control-label"></label><div class="col-sm-1" style="padding-right: 0px;"> <input class="form-control update4" name="answer" value="'+item[index]+'" type="radio" style="margin: 0 0 0;">' +
'<input style="padding: 6px 10px" id="number'+item[index]+'" name="number" class="form-control update2" type="text" value="'+item[index]+'" readonly> ' + '</div><div class="col-sm-1" style="padding-right: 0px;padding-left: 0px"> ' +
'</div> <div class="col-sm-7"> <input name="content" class="form-control" type="text"> </div> <div class="col-sm-1"> <a class="update3" style="text-align: center;color: #999;border: 1px #ccc dashed;display:block;height: 34px;line-height: 34px" href="javascript:deleteOption(\''+item[index++]+'\');">X</a> </div></div>') '<input style="padding: 6px 10px;text-align: center" id="number'+item[index]+'" name="number" class="form-control update2" type="text" value="'+item[index]+'" readonly> ' +
'</div> <div class="col-sm-6" style="padding-left: 0px"> <input name="content" class="form-control" type="text"> </div> <div class="col-sm-1"> <a class="update3" style="text-align: center;color: #999;border: 1px #ccc dashed;display:block;height: 34px;line-height: 34px" href="javascript:deleteOption(\''+item[index++]+'\');">X</a> </div></div>')
} }
function deleteOption(id){ function deleteOption(id){
@ -122,7 +132,8 @@
index--; index--;
var index1 = 0; var index1 = 0;
var index2 = 0; var index2 = 0;
var index3 = 0 var index3 = 0;
var index4 = 0
$(".update1").each(function(){ $(".update1").each(function(){
$(this).attr("id","div"+item[index1++]) $(this).attr("id","div"+item[index1++])
}) })
@ -132,6 +143,9 @@
$(".update3").each(function(){ $(".update3").each(function(){
$(this).attr("href",'javascript:deleteOption(\''+item[index3++]+'\');'); $(this).attr("href",'javascript:deleteOption(\''+item[index3++]+'\');');
}) })
$(".update4").each(function(){
$(this).attr("value",'javascript:deleteOption(\''+item[index4++]+'\');');
})
} }