[jQuery] check 박스 값 가져오기

input 태그 생성

<input type="checkbox" value="값1">값1</input>
<input type="checkbox" value="값2">값2</input>
<input type="checkbox" value="값3">값3</input>

 

1) 값 확인

// id
$('input:checkbox[id="checkBox의 id값"]').val();

// name
$('input:checkbox[name="checkBox의 name값"]').val();

 

2) 선택된 개수 확인

$("input[name='checkBox의 name값']:checked").length

 

3) 여러개 선택된 값 확인

- if 사용

var len = $("input[name='brand']:checked").length;
if(len > 1){ //개수를 체크하고 2개부터는 each함수를 통해 각각 가져온다.
    $("input[name='brand']:checked").each(function(e){
        console.log($(this).val())
    })
}

- 배열 사용

var len = $("input[name='brand']:checked").length;
var checkArr = [];
if(len > 1){ //개수를 체크하고 2개부터는 each함수를 통해 각각 가져온다.
    $("input[name='brand']:checked").each(function(e){
        var value = $(this).val();
        checkArr.push(value);        
    })
}

console.log(checkArr);

 

4) 강제 선택

$("input[name='checkBox의 name'][value='선택시킬 value값']").prop("checked", true);

 

5) 강제 선택

$("input[name='brand']").each(function(e){
    $(this).prop("checked", true);
});

 

전체 해제

$("input[name='brand']").each(function(e){
    $(this).prop("checked", false); //false는 해제된다.
})

 

 

---

https://myhappyman.tistory.com/91

jQuery - radio, checkBox값 가져오기, 선택하기, 제어 등

 

https://csslab.tistory.com/116

JQUERY 체크박스값 가져오기