웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] jquery 데이터 바인딩을 쉽게 해주는 Databind.js

해피CGI윤실장 2024. 11. 5. 09:10

 

위의 이미지를 보면 쉽게 이해가 가능한데, 특별히 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/
그리고 위의 데모 사이트를 보시고, 활용하시면 되겠습니다.