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