解决前端页面勾选复选框显示其他按钮，没有勾选项按钮会隐藏

页面展示数据代码：

<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="https://blog.csdn.net/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>

效果图：

 

这篇好文章是转载于：学新通技术网