dbs289
/
LifeCenter


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
							<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<jsp:include page="${data._INCLUDE}/header.jsp"></jsp:include>
<script type="text/javascript" src="/resources/js/mobile/health.js"></script>
<script>
$( function(){
    $( "#healthForm" ).validate({
        submitHandler: function(form) {
            if( $( "#healthForm" ).find( "input[type='checkbox']:checked" ).length == 0 ) {
                $( "div.error-msg" ).text( "한 개 이상의 증상을 입력하셔야 합니다. (Please enter at least one symptom)" );
            } else {
                form.submit();
            }
        }
    });
    
    $( "#etcCheck" ).on( "click", function(){
        $( "#etcContent" ).prop( "readonly", $( this ).is( ":checked" ) === false );
    })
})
</script>
</head>
<body>
    <div id="sub">
        <div class="container">
            <div class="header">
                <div class="previous">
                    <a href="/mobile/menu">이전</a>
                </div>
                <div class="title">건강정보기록</div>
            </div>
            <div class="device_tab">
                <ul>
                    <li>
                        <a href="./1" class="one">체온<span class="eng">body temperature</span></a>
                    </li>
                    <li>
                        <a href="./2" class="two">혈압/맥박수<span class="eng">blood pressure/heart rate</span></a>
                    </li>
                    <li>
                        <a href="./3" class="three">산소포화도<span class="eng">oxygen</span></a>
                    </li>
                    <li>
                        <a href="./4" class="four">혈당<span class="eng">blood sugar</span></a>
                    </li>
                    <li>
                        <a href="./5" class="five active">임상증상<span class="eng">symptom</span></a>
                    </li>
                </ul>
            </div>
            
            <form id="healthForm" method="post" action="./insert">
                <div class="check_list">
                    <div class="part">
                        <div class="title">해당 증상에 모두 체크해 주세요<br/>(Please check all the symptoms)</div>
                        <div class="list">
                            <ul class="circle half">
                                <li>
                                    <input type="checkbox" id="coughCheck" name="coughCheck" value="Y">
                                    <label for="coughCheck"><span></span>기침</label>
                                    <div class="symptom-eng">(cough)</div>
                                </li>
                                <li>
                                    <input type="checkbox" id="dyspneaCheck" name="dyspneaCheck" value="Y">
                                    <label for="dyspneaCheck"><span></span>호흡곤란</label>
                                    <div class="symptom-eng">(Shortness of breath)</div>
                                </li>
                                <li>
                                    <input type="checkbox" id="coldFitCheck" name="coldFitCheck" value="Y">
                                    <label for="coldFitCheck"><span></span>오한</label>
                                    <div class="symptom-eng">(Chills)</div>
                                </li>
                                <li>
                                    <input type="checkbox" id="musclePainCheck" name="musclePainCheck" value="Y">
                                    <label for="musclePainCheck"><span></span>근육통</label>
                                    <div class="symptom-eng">(Muscle pain)</div>
                                </li>
                                <li>
                                    <input type="checkbox" id="headacheCheck" name="headacheCheck" value="Y">
                                    <label for="headacheCheck"><span></span>두통</label>
                                    <div class="symptom-eng">(Headache)</div>
                                </li>
                                <li>
                                    <input type="checkbox" id="soreThroatCheck" name="soreThroatCheck" value="Y">
                                    <label for="soreThroatCheck"><span></span>인후통</label>
                                    <div class="symptom-eng">(Sore throat)</div>
                                </li>
                                <li>
                                    <input type="checkbox" id="smellPalateCheck" name="smellPalateCheck" value="Y">
                                    <label for="smellPalateCheck"><span></span>후각/미각손실</label>
                                    <div class="symptom-eng">(Loss of smell and taste)</div>
                                </li>
                                <li>
                                    <input type="checkbox" id="fatigueCheck" name="fatigueCheck" value="Y">
                                    <label for="fatigueCheck"><span></span>피로</label>
                                    <div class="symptom-eng">(Fatigue)</div>
                                </li>
                                <li>
                                    <input type="checkbox" id="appetiteLossCheck" name="appetiteLossCheck" value="Y">
                                    <label for="appetiteLossCheck"><span></span>식욕감소</label>
                                    <div class="symptom-eng">(Decreased appetite)</div>
                                </li>
                                <li>
                                    <input type="checkbox" id="sputumCheck" name="sputumCheck" value="Y">
                                    <label for="sputumCheck"><span></span>가래</label>
                                    <div class="symptom-eng">(Phlegm)</div>
                                </li>
                                <li>
                                    <input type="checkbox" id="vomitingCheck" name="vomitingCheck" value="Y">
                                    <label for="vomitingCheck"><span></span>구토</label>
                                    <div class="symptom-eng">(throw up)</div>
                                </li>
                                <li>
                                    <input type="checkbox" id="diarrheaCheck" name="diarrheaCheck" value="Y">
                                    <label for="diarrheaCheck"><span></span>설사</label>
                                    <div class="symptom-eng">(Diarrhea)</div>
                                </li>
                                <li>
                                    <input type="checkbox" id="dizzinessCheck" name="dizzinessCheck" value="Y">
                                    <label for="dizzinessCheck"><span></span>어지러움</label>
                                    <div class="symptom-eng">(Whirl)</div>
                                </li>
                                <li>
                                    <input type="checkbox" id="noseCheck" name="noseCheck" value="Y">
                                    <label for="noseCheck"><span></span>콧물/코막힘</label>
                                    <div class="symptom-eng">(Runny nose and stuffy nose)</div>
                                </li>
                                <li class="full">
                                    <input type="checkbox" id="etcCheck" name="etcCheck" value="Y">
                                    <label for="etcCheck"><span></span>기타 <font class="fs12">(Other)</font></label>
                                    <div class="comment">
                                        <input type="text" id="etcContent" name="etcContent" placeholder="증상을 입력하세요. (Enter other symptoms)" readonly>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                
                <div class="error-msg tac mt20 error"></div>
                
                <div class="btn_group">
                    <ul>
                        <li>
                            <input type="hidden" name="phrType" value="symptom">
                            
                            <button type="submit" class="confirm"><span class="check">기록하기(Submit)</span></button>
                        </li>
                    </ul>
                </div>
            </form>
        </div>
    </div>
</body>
</html>