xiaoben-as2-php/protected/views/zhiliao/change.php

<style>

    /*切换选择*/
    .tab-con{
        position: relative;
        height: 30px;
        width: 200px;
        background: #F2F2F2;
        border: 1px solid #01B677;
        border-radius: 15px;
    }
    .has-sel{
        background: #01B677;
        color: #fff;
        width: 50%;
        height: 30px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        text-align: center;
        line-height: 30px;
    }
    .sel-opt{
        width: 50%;
        position: relative;
        color: #01B677;
        line-height: 30px;
        text-indent: 6px;
        cursor: pointer;
    }
    .sel-opt:after{
        content: '';
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid #01B677;
        position: absolute;
        right: 12px;
        top: 12px;
    }
    // .sel-opt select{
       // 	width: 100%;
       // 	height: 30px;
       // 	background: #F2F2F2;
       // 	color: #01B677;
       // 	text-indent: 6px;
       // 	font-size: inherit;
       // 	border-top-right-radius: 15px;
       // 	border-bottom-right-radius: 15px;
       // 	cursor: pointer;
       // }
    // .sel-opt select option{
       // 	position: relative;
       // }
    .points{
        position: absolute;
        top: -2px;
        right: 0;
        width: 10px;
        height: 10px;
        background: #F01516;
        border-radius: 50%;
    }
    .sel-cons{
        border: 1px solid #01B677;
        width: 50%;
        position: absolute;
        right: 0;
        top: 30px;
        text-indent: 10px;
        display: none;
    }
    .sc-lis{
        line-height: 30px;
        cursor: pointer;
    }
    .sc-lis span{
        position: relative;
    }
    .sc-lis .points{
        top: 2px;
        right: -16px;
    }

</style>
<div class="main-content-inner">
    <!--    导航栏开始-->
    <?php include(Yii::app()->basePath.'/views/layouts/view_navigation.php');?>
    <!--    导航栏结束-->
    <div class="page-content">
        <div class="row" style="margin:0px">
            <div class="col-xs-12">
                <!-- PAGE CONTENT BEGINS -->
                <div id="dynamic-table_wrapper" class="dataTables_wrapper form-inline no-footer">
                    <div class="row">
                        <div class="col-xs-4">
                            <form method="get" id="form1" action="<?php echo $this->createUrl("zhiliao/change");?>">
                                <div class="dataTables_length" style="margin: 6px 0px;">
                                    <div class="dataTables_length">
                                        <label><input type="text" class="form-control input-sm" placeholder="请输入学生姓名" name="sname" value="<?php echo $sname;?>"></label>
                                        <!--<button class="btn btn-minier btn-primary" id="search">搜索</button>-->
                                        <button style="padding:4px 12px;"class="label-primary-s bth-s">搜索</button>
                                    </div>
                                </div>
                                <input type="hidden" name="cid" class="clid" value="<?php echo $class_id;?>" />
                                <input type="hidden" name="eid" class="emid" value="<?php echo $exam_id;?>" />
                            </form>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-xs-12" style="font-weight:bold;padding:0px 15px">
                            <?php echo $className;?> <?php echo $paperName;?>
                        </div>
                    </div>
                    <table id="dynamic-table" class="table table-striped table-bordered table-hover dataTable no-footer DTTT_selectable" style="font-size:12px">
                        <thead>
                        <tr>
                            <th>学生名称</th>
                            <th>学生编号</th>
                            <th>身份证号</th>
                            <th>成绩是否已生成</th>
                        </tr>
                        </thead>

                        <tbody>
                        <?php if(!empty($result)):foreach($result as $rt):?>
                            <tr>
                                <td><?php echo $rt['studentName'];?></td>
                                <td><?php echo $rt['studentCode'];?></td>
                                <td><?php echo $rt['id_number'];?></td>
                                <td><?php echo $rt['is_complete'] ? "<span style='color:green'>是</span>" : "<span style='color:red'>否</span>";?></td>
                            </tr>
                        <?php endforeach;else:?>
                            <tr><td colspan="5">暂无数据！</td></tr>
                        <?php endif;?>
                        </tbody>
                    </table>
                </div>
                <!-- PAGE CONTENT ENDS -->
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">

    $(document).ready(function(){
        /*var str = '<div class="points"></div>';
         $(".sc-lis").each(function(){
         if($(this).find(".points").length>0){
         $(".sel-opt").append(str);
         }
         });*/

        $(".sel-opt,.sel-cons").mouseover(function(){
            $(".sel-cons").show();
        }).mouseout(function(){
            $(".sel-cons").hide();
        });

        $(".sc-lis").click(function(){
            var data = {
                subjectId	: $(this).attr('val')
            };

            $.post("<?php echo Yii::app()->createUrl('print/setSubjectId')?>",data,function(flags){
                if(flags)
                {
                    location.reload();
                }else
                {
                    alert('网络异常');
                }
            });

            $('.has-sel').text($(this).text());
            $(".sel-cons").hide();
        });

    })

    function ccc(){
        layer.msg('敬请期待！', {
            time: 0,
            btn: ['确定', '取消'],
            yes: function(index){
                layer.close(index);
                return false;
            }
        });
    }
    $(function(){

        // 全选\反选
        $(".selectAll").click(function(){

            if ($(this).prop("checked")) {
                $(".myselect").prop("checked",true);
            } else {
                $(".myselect").prop("checked",false);
            }
        });
        $("body").delegate("#stu_select_all","click",function(){
            $(this).closest("table").find("tbody .myselect").prop("checked",$(this).prop("checked"))
        });




    })
</script>