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

优化选择及修复多选题bug

This commit is contained in:
flower 2019-01-24 23:16:42 +08:00
parent 35d5ad6756
commit c263ef9442
2 changed files with 35 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ruoyi-cms/src/main/resources/templates/web/examination/detail.html
View File

@ -99,6 +99,10 @@ document.write(unescape("%3Cspan id='cnzz_stat_icon_30088308'%3E%3C/span%3E%3Csc
}); });
} }
function checkbox(value) {
$(value).prev().prop("checked", !$(value).prev().prop("checked"));
}
</script> </script>

51
ruoyi-cms/src/main/resources/templates/web/practice/detail.html
View File

@ -17,20 +17,28 @@
</div> </div>
<div class="layui-card" th:each="question:${data}"> <div class="layui-card" th:each="question:${data}">
<div class="layui-card-header">[[${questionStat.index+1}]]:<span th:text="${question.title}"></span> <div class="layui-card-header">[[${questionStat.index+1}]]:<span
th:text="${question.title}"></span>
<span th:if="${question.type=='1'}">(单选)</span> <span th:if="${question.type=='1'}">(单选)</span>
<span th:if="${question.type=='2'}">(多选)</span> <span th:if="${question.type=='2'}">(多选)</span>
<span th:if="${question.type=='3'}">(判断)</span> <span th:if="${question.type=='3'}">(判断)</span>
</div> </div>
<div class="layui-card-body" th:each="item:${question.questionItem}"> <div class="layui-card-body" th:each="item:${question.questionItem}">
<input th:class="${question.id}+'useranswer'" th:if="${question.type=='2'}" type="checkbox" th:name="${question.id}" th:value="${item.number}"> <input th:class="${question.id}+'useranswer'" th:if="${question.type=='2'}" type="checkbox"
<input th:class="${question.id}+'useranswer'" th:if="${question.type != '2'}" type="radio" th:name="${question.id}" th:value="${item.number}"> th:name="${question.id}" th:value="${item.number}">
<input th:class="${question.id}+'useranswer'" th:if="${question.type != '2'}" type="radio"
th:name="${question.id}" th:value="${item.number}">
[[${item.number}]]: [[${item.number}]]:
<span th:text="${item.content}" onclick="checkbox(this)"></span> <span th:text="${item.content}" onclick="checkbox(this)"></span>
</div> </div>
<div class="layui-card-body"> <div class="layui-card-body">
<button class="layui-btn layui-btn-warm" th:onclick="'analysis('+${question.id}+',\''+${question.answer}+'\')'">解析</button> <button class="layui-btn layui-btn-warm"
th:onclick="'analysis('+${question.id}+',\''+${question.answer}+'\')'">解析
</button>
<button class="layui-btn layui-btn-warm" th:onclick="'shoucang('+${question.id}+')'">收藏
</button>
</div> </div>
<div class="layui-card-body" hidden th:id="${question.id}+'answer'"> <div class="layui-card-body" hidden th:id="${question.id}+'answer'">
解析:正确答案[[${question.answer}]]<br> 解析:正确答案[[${question.answer}]]<br>
[[${question.label}]] [[${question.label}]]
@ -54,28 +62,29 @@ document.write(unescape("%3Cspan id='cnzz_stat_icon_30088308'%3E%3C/span%3E%3Csc
<script type="text/javascript"> <script type="text/javascript">
var layer; var layer;
$(function(){ $(function () {
layui.use('layer', function(){ layui.use('layer', function () {
layer = layui.layer; layer = layui.layer;
}); });
}) })
function analysis(id, answer) {
function analysis(id,answer) { var userAnswer = ""
var userAnswer = $("."+id+"useranswer:checked").val(); $("." + id + "useranswer:checked").each(function () {
if(userAnswer != answer){ userAnswer+=$(this).val()+","
});
if (userAnswer != (answer+",")) {
layer.msg('回答错误', {icon: 2}); layer.msg('回答错误', {icon: 2});
$.ajax({ $.ajax({
type : 'post', type: 'post',
url:"/api/v1/practice/answer", url: "/api/v1/practice/answer",
contentType:"application/json", contentType: "application/json",
data:"["+id+"]", data: "[" + id + "]",
success : function(result) { success: function (result) {
if (result.code != web_status.SUCCESS) { if (result.code != web_status.SUCCESS) {
layer.msg('result.msg', {icon: 2}); layer.msg('result.msg', {icon: 2});
} }
@ -83,13 +92,15 @@ document.write(unescape("%3Cspan id='cnzz_stat_icon_30088308'%3E%3C/span%3E%3Csc
}); });
}else{
layer.msg('回答正确', {icon: 1})
} }
$("#"+id+"answer").show() $("#" + id + "answer").show()
} }
// function checkbox(value){ function checkbox(value) {
// $(value).prev().attr("checked", true); $(value).prev().prop("checked", !$(value).prev().prop("checked"));
// } }
</script> </script>