본문 바로가기

JS

[jquery] checkbox 체크된 값 개수 가져오기

728x90
반응형

name값으로 가져오기

 

$("input:checkbox[name='(name명)']:checked").length;

 

클래스명으로 가져오기

 

$(".row_check:checked").length;

 

예제

<form id="form" action="ok.php" method="post">
	<input type="checkbox" class="row_check" id="chk1" name="chk1" value="옷"><label for="chk1">옷</label>
	<input type="checkbox" class="row_check" id="chk2" name="chk2" value="바지"><label for="chk2">바지</label>
	<input type="checkbox" class="row_check" id="chk3" name="chk3" value="팬티"><label for="chk3">팬티</label>
    <button type="button" class="sb_btn">확인</button>
</form>


<script>
    $(".sb_btn").on("click", function(){
        let row_check = $(".row_check:checked").length;
    });
</script>
728x90
반응형