Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 파라미터 & 오류
- mysqldump: Got error: 1045
- PHP 정규식 예제
- svn 충돌 해결 resolve
- 비밀번호검증정규식
- PHP 구글 OTP 인증
- 우분투 mysql 비밀번호 없이 로그인 될때
- bootstrap modal
- bootstrap
- usb efi 시스템 파티션 삭제
- 아파치 웹 서버의 정보 숨기기
- mariadb upgrade
- 부트스트랩4 세로 중앙 정렬
- group_concat 구분자
- php 배열제거
- apache mod rewrite
- libxrender1
- wkhtmltopdf 실행 오류
- httpd.conf 보안 설정
- modsecurity 설치
- 구글 OTP 인증
- 자바스크립트비밀번호검증
- PHP 구글 OTP 연동
- svn 충돌 해결 resolved
- 비밀번호정규식
- mysql root 비밀번호 변경
- JQuery checkbox 컨트롤
- javascript
- html pdf 변환
- (using password: YES)" when trying to connect
Archives
- Today
- Total
투덜이 개발자
JQuery checkbox 컨트롤 본문
반응형
JQuery checkbox 컨트롤
1. checkbox checked 여부
$('input:checkbox[id="checkbox_id"]').is(":checked") == true; // id인 경우
$('input:checkbox[name="checkbox_name"]').is(":checked") == true // name 인경우
2. checkbox 전체 갯수
$('input:checkbox[name="checkbox_name"]').length; // 이 경우는 name인 경우만 가능
3. checkbox 선택된 갯수
$('input:checkbox[name="checkbox_name"]:checked').length; // 이 경우는 name인 경우만 가능
4. checkbox 전체 순회하며 처리(동일한 name으로 여러 개인 경우)
$('input:checkbox[name="checkbox_name"]').each(function(){
this.checked = true; //checked 처리
if(this.checked){
alert(this.value);
}
});
5.checkbox 전체 값을 순회하며, 비교하여 checked 처리
$('input:checkbox[name="checkbox_name"]').each(function () {
if (this.value == "비교값") {
this.checked = true;
}
});
6.checkbox value값 가져오기(단일건)
$('input:checkbox[id="checkbox_id"]').val();
7. checkbox checked 처리하기(단일건)
$('input:checkbox[id="checkbox_id"]').attr("checked", true);
8. checkbox checked 여부 확인(단일건)
$("#checkbox_id").is(":checked");
9. checkbox checked 여러건 처리하기
$('input:checkbox[class="checkbox_id"]').attr("checked", true);
반응형
'Program Language > JavaScript & Jquery' 카테고리의 다른 글
JavaScript Web Speech TTS (0) | 2024.12.05 |
---|---|
[JS] 자바스크립트 비밀번호 검증 정규식 8자이상 12자이하 영문, 숫자, 특수문자 조합 (0) | 2024.03.22 |
[javascript/select2] bootstrap select2 선택값 변경 (0) | 2023.09.13 |
[bootstrap] ESC 또는 클릭 시 Modal 닫힘 방지 (0) | 2023.06.15 |
새로고침 감지 (0) | 2023.06.12 |