<input type="text" name="id" id="id" placeholder="id">
<input type="checkbox" name="idsave" id="idsave">아이디</input>
<script>
$(document).ready(function(){
//저장된 쿠기값을 가져와서 id 칸에 넣어준다 없으면 공백으로 처리
var key = getCookie("key");
$("#id").val(key);
if($("#id").val() !=""){ // 페이지 로딩시 입력 칸에 저장된 id가 표시된 상태라면 id저장하기를 체크 상태로 둔다
$("#idsave").attr("checked", true); //id저장하기를 체크 상태로 둔다 (.attr()은 요소(element)의 속성(attribute)의 값을 가져오거나 속성을 추가합니다.)
}
$("#idsave").change(function(){ // 체크박스에 변화가 있다면,
if($("#idsave").is(":checked")){ // ID 저장하기 체크했을 때,
setCookie("key", $("#id").val(), 2); // 하루 동안 쿠키 보관
}else{ // ID 저장하기 체크 해제 시,
deleteCookie("key");
}
});
// ID 저장하기를 체크한 상태에서 ID를 입력하는 경우, 이럴 때도 쿠키 저장.
$("#id").keyup(function(){ // ID 입력 칸에 ID를 입력할 때,
if($("#idsave").is(":checked")){ // ID 저장하기를 체크한 상태라면,
setCookie("key", $("#id").val(), 2); // 7일 동안 쿠키 보관
}
});
});
//쿠키 함수
function setCookie(cookieName, value, exdays){
var exdate = new Date();
exdate.setDate(exdate.getDate() + exdays);
var cookieValue = escape(value) + ((exdays==null) ? "" : "; expires=" + exdate.toGMTString());
document.cookie = cookieName + "=" + cookieValue;
}
function deleteCookie(cookieName){
var expireDate = new Date();
expireDate.setDate(expireDate.getDate() - 1);
document.cookie = cookieName + "= " + "; expires=" + expireDate.toGMTString();
}
function getCookie(cookieName) {
cookieName = cookieName + '=';
var cookieData = document.cookie;
var start = cookieData.indexOf(cookieName);
var cookieValue = '';
if(start != -1){
start += cookieName.length;
var end = cookieData.indexOf(';', start);
if(end == -1)end = cookieData.length;
cookieValue = cookieData.substring(start, end);
}
return unescape(cookieValue);
}
</script>
쿠기 함수 부분은 쿠키를 전문적으로 쓰는거 아니면 굳이 알 필요는 없다 거의 고정적으로 사용되기 때문에
복붙해서 사용해도 무관함
[PHP] Javascript Textarea 커서 위치에 문자열 추가 하는법 (0) | 2021.12.24 |
---|---|
[PHP] php 디비 사용 하는 법 dbconn.php (0) | 2021.12.17 |
[PHP] 아이디 찾기 ajax (0) | 2021.11.29 |
[PHP] script 에서 session 값 불러오기 (0) | 2021.11.25 |
[PHP] javascript keyup 숫자만 입력 가능 하게 숫자 정규식 (0) | 2021.11.23 |
댓글 영역