728x90
반응형
■ JQuery input type checkbox class 클래스로 접근 / 선택된 체크박스 개수 구하기
■ 사용법
# 예제 1 ( 클래스명 tmpChkbox 를 가진 모든 체크박스 개수 구하기 )
<input type='checkbox' class='tmpChkbox' name='tmpChkbox[]' value='A' checked>
<input type='checkbox' class='tmpChkbox' name='tmpChkbox[]' value='B' checked>
<input type='checkbox' class='tmpChkbox' name='tmpChkbox[]' value='C'>
<script type="text/javascript">
$(document).ready(function() {
var tmpChkCnt = $(".tmpChkbox").length;
console.log(tmpChkCnt); // 3 (A,B,C)
});
</script>
# 예제 2 ( 클래스명 tmpChkbox 를 가진 체크박스 중 선택된 체크박스 개수 구하기 )
<input type='checkbox' class='tmpChkbox' name='tmpChkbox[]' value='A' checked>
<input type='checkbox' class='tmpChkbox' name='tmpChkbox[]' value='B' checked>
<input type='checkbox' class='tmpChkbox' name='tmpChkbox[]' value='C'>
<script type="text/javascript">
$(document).ready(function() {
var tmpChkCnt = $(".tmpChkbox:checked").length;
console.log(tmpChkCnt); // 2 (A,B)
});
</script>
728x90
반응형
'JQuery' 카테고리의 다른 글
[JQuery] html2canvas 특정영역 제외 / html2canvas data-html2canvas-ignore (1) | 2021.03.29 |
---|---|
[JQuery] HTML PDF 변환 / HTML PDF 저장 ( html2canvas, jspdf) (5) | 2021.03.22 |
[JQuery] table tr onclick event 특정 td만 제외 / <tr> onclick 이벤트 특정 <td> 제외 (0) | 2021.02.04 |
[JQuery] input type checkbox 선택값 배열 생성 / checked value array (0) | 2021.02.03 |
[JQuery] input radio value 설정/변경 , input radio value 값 가져오기 (0) | 2021.01.26 |