일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- #업종별
- 해피씨지아이
- #jQuery
- #홈페이지제작
- 홈페이지제작
- 사이트제작
- 해피CGI
- #happycgi
- #동영상
- #CSS
- jquery
- 게시판
- #쇼핑몰
- 웹솔루션
- #웹솔루션
- CGIMALL
- 홈페이지
- #홈페이지
- #이미지
- javascript
- #해피CGI
- 쇼핑몰
- CSS
- happycgi
- php
- #cgimall
- #image
- #솔루션
- #뉴스
- 솔루션
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] jquery 데이터 바인딩을 쉽게 해주는 Databind.js 본문
위의 이미지를 보면 쉽게 이해가 가능한데, 특별히 js 를 쓰지 않고, html data 속성으로 js 기능을 사용할수 있습니다.
data-check-field 에 field5 를 주면 field5 값을 가진 name 은 모두 checked 가 됩니다.
이렇게 사용 가능하게 해주는 jquery js 입니다.
https://cdn.jsdelivr.net/gh/scintilla0/jquery.databind@latest/jquery.databind.min.js
CDN 을 사용하셔도 되고, github 에서 js 를 다운로드 받으셔서 사용하셔도 됩니다.
https://www.jqueryscript.net/demo/easy-data-binding/
그리고 위의 데모 사이트를 보시고, 활용하시면 되겠습니다.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] Zebra Accordion menu (0) | 2024.11.08 |
---|---|
[해피CGI][cgimall] Date Range Picker (0) | 2024.10.24 |
[해피CGI][cgimall] DataTables - 다양한 기능을 제공하는 Grid 프로그램 (0) | 2024.10.23 |
[해피CGI][cgimall] air-datepicker Ver3.5.3 다양한 기능을 제공하는 date picker (0) | 2024.09.25 |
[해피CGI][cgimall] cursor-dot 심플한 마우스 커서 애니메이션 (0) | 2024.09.24 |
Comments