728x90 study/javascript19 session storage, local storage사용하기 session storage, local storage는 브라우저 내에 키-벨류 형식으로 저장할 수 있고 불러올 수도 있다! 저장은 다음과 같이 할 수 있다. var aSessionParam = { group: "테스트" , number: "1234" } sessionStorage.setItem("test_data", JSON.stringify(aSessionParam)); localStorage.setItem("test_data", JSON.stringify(aSessionParam)); 콘솔에서 테스트 해보면 아래와 같이 저장된 것을 확인할 수 있다. 확인 위치 개발자도구 옵션+커맨드+i > Application 탭에 좌측 storage>session storage,local storage 밑에서 확.. 2021. 9. 14. ajax 사용하기 선택된 체크박스를 서버로 보내기위해 ajax를 사용! var arr_no = new Array(); $("input[name='check_product[]']:checked").each(function () { arr_no.push($(this).val()); }); 위와 같이 배열을 선언하고 체크박스의 벨류를 배열에 넣었다. $.ajax({ url: '/admin/test/action/test.php', data: { arr: arr_no }, method: 'post', success : function(result){ var result2 = JSON.parse(result); alert(result2.msg); location.reload(); }, error:function(e){ console.. 2021. 9. 13. 반복문 사용안하고 체크박스 모두 체크하기 전체체크박스 html 각각체크박스 html 2021. 9. 13. jQuery,javascript로 data-target 데이터 얻기 data-target 사용하는 법을 알아보자! 치즈봉 위와 같은 요소에서 data-로 시작하는 변수에 들어있는 값을 가져오고 싶을때! 자바스크립트로 document.querySelector('.test').dataset.name; 또는 document.querySelector('.test').getAttribute('data-name'); 제이쿼리로 $('.test').data('name'); //실제 자료형으로 가져온다. $('.test').attr('data-name'); //string으로 가져온다. 웹콘솔로 찍어보면 치즈봉이라고 나온다 ㅎㅎ 실제자료형 스트링? 뭔소린가 싶으면 콘솔에 타입을 찍어보자! 추가로!!! 치즈봉 변수명 더 길게? 사용할때 저런건 어떻게 가져오는가!! 바로 카멜 표기법으로 .. 2021. 9. 13. jQuery 전체 체크박스 체크 전체 체크박스 클릭시 모든 체크박스에 체크되게 끔 해놓았는데 놓친 부분이 있었다! 체크박스 하나씩 모두 클릭해도 전체 체크박스에 체크되도록 하는거랑... 전체 체크된 상태에서 하나라도 체크 해제하면 전체 체크박스도 해제 시켜주는것! 그림으로 표현하자면.. 전체 체크박스 각각의 체크박스 소스 2021. 9. 13. javascript,jquery로 반복문 써서 체크박스 모두 체크 체크박스는 다음처럼 되어있다. 자바스크립트 사용시 document.querySelectorAll("input[name^='check_product[]']").forEach(function(item){ item.checked=true }); 제이쿼리 사용시 $('input:checkbox[name="check_product[]"]').each(function() { $(this).prop('checked',true); }); 결과 모두 체크된다!! 2021. 9. 13. 이전 1 2 3 4 다음
