页面展示数据代码:
<button οnclick="newwork_show()" id="again" style="display: none" type="button" class="btn btn-success">再次执行</button>
<table class="table table-striped" id="fail_data" style="display: none">
<thead>
<tr>
<th οnclick="checkInterset()">全选</th> <th>序号</th> <th style="width: 300px">id</th> <th style="width: 500px">用例名称</th> <th style="width: 450px">执行时间</th> <th style="width: 450px">操作</th> <th style="width: 100px">运行结果</th>
</tr>
</thead>
<tbody id="bbsTab2">
{% for i in fail_case %}
<tr>
<td>
<form>
<input οnclick="show_again(this)" type="checkbox" name="insterest" value="{{ i.case_id }}"/>
</form>
</td>
<td class="td_center">1</td>
<td>{{ i.id }}</td><td>{{ i.case_name }}</td><td>{{ i.name }}</td>
<td>
<div class="btn-group" style="z-index: 0">
<a href="/look_report/{{ i.name }}/" target="_blank"><button class="btn btn-success" >查看报告</button></a>
</div>
</td>
<td><span>{{ i.result }}</span></td>
</tr>
{% endfor %}
</tbody>
</table>
<!--判断复选框是否勾选,进而展示再次执行按钮--> <script> function show_again() { var obj = document.getElementsByName("insterest"); var objLen=obj.length; console.log(objLen); for(var i=0;i<objLen;i++){ if(obj[i].checked==true){ document.getElementById('again').style.display='block'; break; } else if(obj[i].checked==false){ document.getElementById('again').style.display='none'; } } } </script>
效果图: