728x90 jQuery12 반복문 사용안하고 체크박스 모두 체크하기 전체체크박스 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. 특정 요소를 복사하고 싶을때 clone 사용 추가를 누르면 7번 바로 위에 8번이라는 입력란이 또 표시되게끔 하고싶어 clone을 사용 추가버튼에 아이디를 add로 지정해줌. $('#add').on('click',function(){ var oObj = $(".question-area tr:last").clone(true); //question-area클래스 자식들중 마지막 tr을 복사한다. oObj.find('.text-no').text($('.question-area').find('tr').length+1); //No. 바꾸기 -> 복사한 객체에서 question-area 를 클래스로 가지는 요소에서 tr의 갯수에 +1 한 값으로 바꿔준다. oObj.find('.question-content').val(''); //복사한 객체에서 textare.. 2021. 9. 13. daterangepicker 달력 사용하기 daterangepicker 2.1.30 버전 사용!! html 은 위와 같이 하고 스크립트는 아래와 같이 작성! 날짜를 선택할 때마다 function(start,end,label){}~ 이부분에 입력한 콘솔값이 나타난다. 즉 셋팅 한 일자를 원하는 변수에 넣고자 할때 function안에 입력하면 된다. $('.linkedCalendars').daterangepicker({ linkedCalendars: false, "locale":{ "format": "YYYY-MM-DD", "separator": " ~ ", "applyLabel": "적용", "cancelLabel": "취소", "fromLabel": "From", "toLabel": "To", "customRangeLabel": "Custom".. 2021. 9. 13. 이전 1 2 다음
