I'm

Developer, Designer, Photographer

GET IN TOUCH

  • Buk-gu, Busan, Republic of Korea
  • ungdoli0916@naver.com
  • Kakao ID : Ungdoli
Your message has been sent. Thank you!
(즐거웅코드) 제이쿼리 checkbox 동일한 name 객체 개수 가져오기

· 즐거'웅' 코드 (Source)/HTML & CSS & JAVASCRIPT
2020. 3. 14. 22:33

반응형
jQuery
1
2
3
<script>
    $("input:checkbox[name='(NAME명)']").length;
</script>
예제 소스
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
  
<input type="checkbox" name="fruit" value="apple"/>사과
<input type="checkbox" name="fruit" value="strawberry"/>딸기
<input type="checkbox" name="fruit" value="lemon"/>레몬
<input type="checkbox" name="fruit" value="mango"/>망고
<input type="checkbox" name="fruit" value="melon"/>메론
  
<button onclick="test()">checkbox 객체 개수 가져오기</button>
  
<script>
    function test() {
        var obj_length = $("input:checkbox[name='fruit']").length;
        alert(obj_length);
    }
</script>
구현 예시
반응형