jucai/public/themes/default/views/app/jobfair/ajax/add_jobs.blade.php

<style>
    .right_box{
        float: left;
    }

</style>
<div class="show_interview_dialogs" style="width: 900px;font-size: 14px;color: #333333; padding: 10px 0px 10px 30px;">
    <form id="jobs_add">
        <div class="content">
            <div class="left_box">
                <div style="height:500px; overflow-y:scroll; width:70%; float: left">
                    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="link_lan" id="ajax_fairjobs_table">
                        <tbody>
                        <tr style="background-color:#f5f5f5;height:30px;">
                            <td height="26" width="25%" class="us_list_title"><label>&nbsp;<input type="checkbox" name="chkAll" id="chkAll" title="全选/反选" class="allSel J_allSelected">&nbsp;职位名称</label></td>
                            <td width="6%" align="center" class="us_list_title">人数</td>
                            <td width="23%" align="center" class="us_list_title">工资</td>
                            <td width="12%" align="center" class="us_list_title">学历</td>
                            <td width="10%" align="center" class="us_list_title">经验</td>
                        </tr>
                        @foreach($jobs as $val)
                            <tr style="height:30px;">
                                <td  class="substring">
                                    &nbsp;<input name="job_id" class="chk J_allList " type="checkbox" value="{{$val->id}}">&nbsp;<a target="_blank" title="">{{cut_str($val->jobs_name,15,0,'...')}}</a>
                                </td>
                                <td align="center">
                                    {{$val->amount}}
                                </td>
                                <td align="center">{{$val->wage_cn}}</td>
                                <td align="center">{{$val->education_cn ? $val->education_cn : '不限'}}</td>
                                <td align="center">{{$val->experience_cn ? $val->experience_cn : '不限'}}</td>
                            </tr>
                        @endforeach
                        <tr></tr>
                        </tbody>
                    </table>
                </div>
                <div class="right_box" style="height:500px; overflow-y:scroll;width: 25%;margin-left: 10px;">
                    <h3>已发布职位</h3>
                    <div class="check_list" style="margin-top: 10px; height:30px;line-height: 30px">
                        <div style="margin-left: 10px; float: left;width: 160px;" >职位名称</div>
                        <div style="float: left;" >操作</div>
                    </div>
                    @foreach($join_jobs as $val)
                        <div class="check_list" style="margin-top: 10px; height:30px;line-height: 30px">
                            <input name="check_jobs_id[]" value="{{$val->job_id}}" type="hidden">
                            <div style="margin-left: 10px; float: left;width: 160px;color: #61AF00" class="substring">{{ cut_str($val->jobs->jobs_name,15,0,'...') }}</div>
                            <div style="float: left;cursor:pointer;color: #f00" class="del">删除</div>
                        </div>
                    @endforeach
                </div>
                <div class="clear"></div>
                <div class="btn_box" style="margin-top: 10px;">
                    <div class="j_btn_blue add_right">添加</div>
                </div>
            </div>
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <input type="hidden" name="jobfair_id" value="{{ $jobfair_id }}">
            <input type="hidden" name="exid" value="{{ $exid }}">
            <input type="hidden" name="position_id" value="{{ $position_id }}">
            <div class="clear"></div>
        </div>
    </form>
</div>
<script>
    $(".add_right").click(function () {
        if(!$('input[name="job_id"]:checked').length){
            disapperTooltip("remind", "请先勾选职位");
            return false;
        }
        var jobArray = new Array();
        if($(".right_box input[name='check_jobs_id[]']").length);{
            $("input[name='check_jobs_id[]']").each(function () {
                jobArray.push($(this).val());
            })
        }

        $('input[name="job_id"]:checked').each(function(){
            var sfruit=$(this).val();
            if (jobArray.includes(sfruit)){
                return false;
            }
            var name = $(this).next().text();
            $(".right_box").append('  <div  class="check_list" style="margin-top: 10px; height:30px;line-height: 30px">' +
                '<input name="check_jobs_id[]" value="'+sfruit+'" type="hidden">\n' +
                '<div style="margin-left: 10px; float: left;width: 160px;color: #61AF00" class="substring">'+name+'</div>\n' +
                '<div style="float: left;cursor:pointer;color: #f00" class="del">删除</div></div>');
        });
    });
    $(document).off("click",".del").on('click','.del',function () {
        $(this).parent().remove();
    });


    $('.J_allSelected').click(function() {
        var isChecked = $(this).is(':checked');
        var listArray = $('.J_allList');
        $.each(listArray, function(index, val) {
            $(this).prop('checked', isChecked);
        });
    });
    $('.J_allList').click(function() {
        var isChecked = $(this).is(':checked');
        if (isChecked) {
            var listArray = $('.J_allList');
            var listCheckedArray = $('.J_allList:checked');
            if (listArray.length == listCheckedArray.length) {
                $('.J_allSelected').prop('checked', isChecked);
            };
        } else {
            $('.J_allSelected').prop('checked', isChecked);
        }
    });

</script>