jquery checkbox checked
web/jquery&javascript2017. 4. 7. 15:59
날씨가 따듯해진 봄날이 되었습니다. 여러분들과 따듯한 봄날에 지식을 나누고자 합니다.
오늘 소개할 것은 글쓰기 수정 시, 체크박스 태그에 "checked" 를 하지 않고, 스크립트단에서 체크할 수 있도록 하는 방법을 소개하려고 합니다.
가장 기본적인 방법은
Test checkbox | checked> checked> checked> checked> |
---|
위와 같은 방식으로 수정을 합니다.
그런데, 이 체크박스가 너무나도 많아지면 이 태그를 모두 checked 로 써주기엔 번거롭습니다.
그리고 때때로 체크박스 자체를 반복문으로 돌리는 경우가 있습니다.
따라서, 자바스크립트 내에서 checked를 제어할 수 있습니다.
방법은 아래와 같습니다.
TV광고 | 일간지 및 전문지 | 라디오광고 |
현수막광고 | 유관기관 및 단체 소개 | 지인소개 |
초청장 및 포스터 | 인터넷 | SMS(문자) |
이메일&뉴스레터 | 기타 |
위와 같은 방식으로
적용을 하면 체크하게 됩니다.
먼저 디비에 저장된 값을 str_wr_13에 담아서, input[name='wr_13'] 만큼 jquery 내부에서 포문을 돌리면서, 돌리는 value와 동일한 값이 str_wr_13에 존재하면, 그곳에 체크해주는 방식입니다.
이 같은 방식으로 적용을 하면 한결 간결한 코딩이 가능해서 정신건강에도 도움을 줍니다.
감사합니다.
'web > jquery&javascript' 카테고리의 다른 글
clipboard jquery / 플래시 사용 안하고 클립보드 복사 하는 오픈소스 (0) | 2017.08.01 |
---|---|
jcarousel로 썸네일 이미지 슬라이드 만들기 (EN) slider jquery with thumbnail jcarousel (0) | 2017.04.12 |
<img> tag outline none 시키기 ie에서도 먹음 (ie working) (2) | 2017.02.15 |
<img src="~~~"> 내부에 링크 걸기 (0) | 2017.02.15 |
브라우저확대 / how to zoom browser ie, another browsers (0) | 2017.02.15 |