JavaScript
[jQuery] jQuery name이 배열일 때 선택자 사용하기
Jjiveloper
2022. 1. 14. 00:00
728x90
html의 form에서 선택된 checkbox의 값만 넘겨주려면 input:checkbox의 name값을 배열로 만들어주면 된다.
예를들어 checkbox의 이름을 checkList라고 할거라면
<html>
<head>
<!-- 중략 -->
</head>
<body>
<!-- 중략 -->
<input type="checkbox" name="checkList[]" value="값1" />
<input type="checkbox" name="checkList[]" value="값2" />
<input type="checkbox" name="checkList[]" value="값3" />
</body>
</html>이렇게 name 값 뒤에 [] 배열 선언만 해주면 된다.
이렇게 체크한 값의 값만 배열로 넘어가게 된다.
// 기존 코드
$("input:checkbox[name=checkList]:checked");그렇다면 jQuery에서 해당 값을 선택하려면 기존의 코드에서 변경해야할 것이다.
어떻게 해야되나 한참 삽질하던 찰나에 쉬운 방법을 찾았다.
참고한 사이트: https://chicpro.dev/jquery-input-%EB%B0%B0%EC%97%B4%EC%9D%BC-%EB%95%8C-selector/
[jQuery] input 배열일 때 selector – CHICPRO
chicpro.dev
// 기존 코드
$("input:checkbox[name=checkList]:checked");
// 변경 코드
$("input:checkbox[name='checkList[]']:checked");이렇게 name 값을 따옴표로 감싸주면 된다는 것이였다.
테스트해보니 정상적으로 동작하였다 ㅎㅎ
728x90
반응형