여러체크박스와 검색어 조회

검색은 확실히 정신을 바~앗짝 ! 차리고 해야한다.....안드로메다로 가출하는 정신을 데리고 오느라 너무 힘들다...

1. 검색어 빈칸에 enter만 치면 메세지 없이 그냥 메인 가는거 정상 수정하기

2. 체크박스 값이 여러개 조건에 맞춰서 검색하기

3. 체크박스 없이 검색에 맞게만 또 조회하기...

4. select 옵션에 맞게 또 검색하기......

 

여긴 if문의 전쟁이다.........

검색의 검색...확인의 확인을 거쳐 탄생한~~~~~

<div class="form-body">
<div class="form-group">
        <div class="col-md-11 border-left-0">
            <div class="row">						
                <div class="d-inline-block custom-control custom-checkbox col-md-2">
                    <input type="checkbox" class="form-check-input"
                        name="colorCheck1" id="check11" value="t1"> <label
                        for="check11">답변대기중</label>				
                </div>

                <div class="d-inline-block custom-control custom-checkbox col-md-2 ">
                    <input type="checkbox" class="form-check-input"
                        name="colorCheck1" id="check12" value="t2"> <label
                        for="check12">처리완료</label>
                </div>
                <div class="d-inline-block custom-control custom-checkbox col-md-2 ">
                    <input type="checkbox" class="form-check-input"
                        name="colorCheck1" id="check13" value="t3"> <label
                        for="check13">게시중지</label>
                </div>
            </div>
        </div>
    </div>				
    <div class="form-group last">
        <div class="col-md-12 border-left-0">
            <div class="row">
                <div class="col-md-3">
                    <select id="projectinput2" name="interested3"
                        class="form-control">
                        <option value="none" selected>구분전체</option>
                        <option value="a">제목</option>
                        <option value="b">내용</option>									
                    </select>
                </div>
                <div class="col-md-6">
                    <div class="d-flex align-items-center justify-content-start">
                        <input type="text" id="userinput2" class="form-control"
                            placeholder="검색어를 입력해주세요." name="">
                        <input type="text" style="display:none;">
                    </div>
                </div>
                <div class="col-md-3">									
                     <button type="button" class="btn btn-primary" onclick="admin_qna_search();">
                                      <i class="fa fa-check-square-o"></i> 검색
                     </button>
                </div>
            </div>
        </div>
    </div>
</div>

앞서서  input 1개일때 검색하면 메인으로 후다닥 가버린다.... form 으로 진행할 때 input이 한개이면 그렇다는 검색 결과!////그냥 hidden으로 input 하나더 만들어 준다.

function admin_qna_search(){
    var qna_checked=$('input:checkbox[name="colorCheck1"]:checked').val();
    var qna_s_option = $("#projectinput2 option:selected").val();
    var qna_search = $('#userinput2').val();
    var url = '';

    if(qna_s_option =='none'){
        $('#userinput2').val('');
        url="mg/board/getBoardList.do?s_board_code=QNA";
    }else if(qna_s_option =='a'){
        url="mg/board/getBoardList.do?s_board_code=QNA&s_subject="+qna_search;		    	
    }else if(qna_s_option =='b'){
        url="mg/board/getBoardList.do?s_board_code=QNA&s_content="+qna_search;
    }
    var chkArr=[];
    $('input:checkbox[name="colorCheck1"]:checked').each(function(){
        var chk=$(this).val();
        chkArr.push(chk);
    })

    if((chkArr.indexOf('t2') > -1) && (chkArr.indexOf('t3') > -1)){ 
        url +="&s_reply_yn=Y&s_use_yn=N";

    }else if((chkArr.indexOf('t2') > -1) && (chkArr.indexOf('t3') < 0)){
        url +="&s_reply_yn=Y&s_use_yn=Y";

    }else if((chkArr.indexOf('t2') < 0 ) && (chkArr.indexOf('t1') > -1) && (chkArr.indexOf('t3') > -1)){

        url +="&s_reply_yn=N&s_use_yn=N";
    }else if((chkArr.indexOf('t2') < 0 ) && (chkArr.indexOf('t1') > -1) && (chkArr.indexOf('t3') < 0)){  
        url +="&s_reply_yn=N&s_use_yn=Y";

    }else if((chkArr.indexOf('t2') < 0 ) && (chkArr.indexOf('t1') < 0 ) && (chkArr.indexOf('t3') > -1)){

        url +="&s_use_yn=N";
    }else if((chkArr.indexOf('t2') < 0 ) && (chkArr.indexOf('t1') < 0 )&& (chkArr.indexOf('t3') < 0)){

        url +="&s_use_yn=Y";
    }


    qna_Start(url); 
}

 $('#userinput2').on('keyup',function(key){

        if(key.keyCode==13) {
             var str = $('#userinput2').val();
             if(str==null || str ==""){
                 alert("소분류선택 후 검색어를 입력하세요");
             }else{
                 admin_qna_search();
             }
        }
    });

더 잘 하실 수 있는 분들이 많으시겠지만...오늘의 난 여기가 최선입니다...!! 응원해주세요...^^

 

https://link.coupang.com/a/MtaVw

홈플래닛 고급형 알루미늄 노트북 거치대(쿨링홀 + 높이 각도 조절)