본문 바로가기

체크박스3

bootstrap selectpicker multiple js 수정: 전체 선택이 체크 되어 있는 상태에서 다른 옵션이 하나라도 체크 해제될 경우 전체 선택도 같이 체크 해제 되게 bootstrap selectpicker multiple js 수정: 전체 선택이 체크되어 있는 상태에서 다른 옵션이 하나라도 체크 해제될 경우 전체 선택도 같이 체크 해제되게Bootstrap은 웹 개발에서 많이 사용되는 프론트엔드 프레임워크로, 다양한 UI 컴포넌트와 스타일을 제공해 개발자들이 쉽고 빠르게 웹사이트를 구축할 수 있도록 돕습니다. 그중에서도 bootstrap-select는 기본 HTML 요소를 더욱 세련되게 보이도록 커스터마이징하는 데에 사용됩니다. 특히 selectpicker는 사용자가 여러 개의 옵션을 선택할 수 있는 멀티 셀렉트(dropdown) 기능을 제공합니다. 그러나 이 멀티 셀렉트 기능을 사용할 때, "전체 선택(Select All)" 옵션과 관련된 기능을 구현하는 과정에서.. 2024. 8. 23.

자바스크립트/jQuery로 input checkbox name값, value 값으로 체크하기 자바스크립트/jQuery로 input checkbox name값, value 값으로 체크하기 소개 이 블로그 포스팅에서는 자바스크립트/jQuery를 사용하여 input checkbox 요소를 name과 value 값을 이용하여 체크하는 방법에 대해 알아보겠습니다. input checkbox를 사용하면 여러 개의 값을 저장해야 할 때가 있습니다. name 속성을 동일하게 유지하면서 value만 다르게 설정하면 배열로 쉽게 값을 저장할 수 있어서 자주 사용되는 방식입니다. 하지만 이렇게 저장된 값을 다시 불러오는 것은 조금 까다로울 수 있습니다. 이러한 문제를 해결하기 위해 name과 value를 동시에 활용하여 체크박스를 선택할 수 있습니다. 방법 jQuery를 사용하여 input checkbox 요소를 .. 2023. 7. 31.

[웹접근성] jquery checked checkbox radio 체크 유무, 선택된 값 가져오기 제이쿼리 체크박스 개수체크 소스 ✈ 웹접근성을 고려한 jQuery를 활용한 체크박스와 라디오 버튼 처리 개요 강동구립통합도서관 회원가입에서 이용약관 동의 및 개인정보처리방침 동의에 radio와 checkbox form이 사용되어 있는데, 웹 접근성에 부합되기 위해서는 오류발생 시 알림 후 해당 입력폼으로 포커스를 맞춰주어야 한다. 때 마침 오늘 이 회원 약관 동의 페이지에서 라디오와 체크박스가 모두 사용되고 있어서, jquery radio checked와 jquery checkbox checked로 체크 유무와 focus()를 이용해서 촛점 맞추는 것을 예제로 쓸 수 있어서 포스팅 한다. 체크 유무든, 포커스를 맞추는 것이든 jquery의 절반은 요소(element)의 정확한 선택자 선정이 중요하다. 예제 소개 일단 예제로 보자. 통합.. 2019. 8. 2.

이전 1 다음

티스토리툴바