728x90 반응형 javascript, jQuery/jQuery5 [jQuery] 체크박스 전체 선택, 전체 해제, 모든 항목 체크 시 전체 선택 체크박스 선택되게 하기 간만에 하는 jQuery 포스팅. 바로 본론으로 가봅시다. $(document).ready(function() { $("#cbx_chkAll").click(function() { if($("#cbx_chkAll").is(":checked")) $("input[name=chk]").prop("checked", true); else $("input[name=chk]").prop("checked", false); }); $("input[name=chk]").click(function() { var total = $("input[name=chk]").length; var checked = $("input[name=chk]:checked").length; if(total != checked) $("#cbx_chk.. 2021. 5. 27. [jQuery] 제이쿼리로 id값 받기 $(document).ready(function() { $("li").click(function() { var id = $(this).children("a").attr("id"); }); }); 첫번째 두번째 2021. 4. 15. [jQuery] 제이쿼리를 이용하여 선택한 체크박스 항목 가져오기(인덱스 가져오기, 전체선택 해제) 안녕하세요, 이번 포스팅은 (1) jQuery를 이용하여 선택한 체크박스 항목을 가져오기, (2) 전체선택이 아닐 때 헤더에 있는 체크박스 풀기를 추가해보도록 하겠습니다. 오늘 핵심 구문은 다음과 같습니다. 지난 포스팅에서 jQuery CDN과 테이블 생성, 화면 로드 시 헤더 체크박스 이벤트를 추가했었습니다. 오늘 만들 화면은 아래와 같습니다. 1. 테이블, 버튼, 텍스트박스를 만듭니다. 이름 나이 홍길동 27 김길동 26 장길동 25 2. 그 다음, jQuery를 사용할 수 있도록 $(document).ready(funciton(){}); 문과 이벤트 처리문을 작성해줍니다. 3. 이제 체크박스가 변경될 때마다 사람 배열에 값을 넣어줄 함수를 작성합니다. function putCheckList() { .. 2020. 11. 20. jQuery를 이용하여 체크박스 전체선택, 전체해제 기능 구현 안녕하세요, 이번 포스팅은 jQuery를 이용하여 체크박스 전체선택, 전체해제 기능을 추가해보려고 합니다. 오늘 핵심 구문은 다음과 같습니다. 지난 포스팅에서 jQuery CDN을 추가했었습니다. 오늘 만들 화면은 아래와 같습니다. 1. 테이블을 먼저 만듭니다. 이름 나이 홍길동 27 김길동 26 장길동 25 2. 그 다음, jQuery를 사용할 수 있도록 $(document).ready(funciton(){}); 문을 작성해줍니다. 3. 체크박스 클릭 이벤트를 넣어줍니다. 4. 체크박스 이벤트가 잘 작동하는지 확인합니다. 이름 나이 홍길동 27 김길동 26 장길동 25 지금까지 포스팅을 읽어주셔서 감사합니다. 2020. 11. 17. jQuery CDN 붙여넣기 안녕하세요, 이번 포스팅은 jQuery CDN을 붙여 넣어 jQuery를 사용하는 방법에 대해 다뤄보려고 합니다. 1. 먼저 구글에서 jquery CDN을 조회하여 사이트에 들어갑니다. 2. 원하는 버전의 링크를 복사합니다. 3. 작업할 html 페이지에 cdn을 추가합니다. 스크립트 태그를 만듭니다. ==> src 속성에 https://code.jquery.com/jquery-3.5.1.js, 즉 복사한 링크 주소를 붙여넣습니다. 이렇게 함으로써 jQuery를 사용할 수 있는 준비가 되었습니다. 다음편 부터는 실질적으로 jquery를 사용하는 편을 다뤄보도록 하겠습니다. 읽어주셔서 감사합니다. 2020. 11. 16. 이전 1 다음 728x90 반응형
