체크박스 한 개 이상 선택해야 폼 작성 되게끔 하는 방법 채택완료

진짜진짜지짜진짜 진짜 진짜 진짜 감사합니다
복받으세요 진짜감사합니다... name이 같다면 옆에 괄호 넣어야 하는것도 처음 알았습니다......................................진짜감사합니다..........................................................
너무감사해요진짜

제가 궁금한게 하나 있는데 같은 폼 안에 필수로 체크해야하는 체크박스도 있고, 필수가 아닌 체크박스가 함께 있다면..예를들어

<form action="" name="form_cp" method="post" enctype="multipart/form-data" autocomplete="off" onsubmit="return check_form(this)">
<h1>필수</h1>
<input type="checkbox" id="cp_field1_1" value="1" name="select[]">
<label for="cp_field1_1">1</label>

<input type="checkbox" id="cp_field1_2" value="2" name="select[]">
<label for="cp_field1_2">2</label>

<input type="checkbox" id="cp_field1_3" value="3" name="select[]">
<label for="cp_field1_3">3</label>

<input type="checkbox" id="cp_field1_4" value="4" name="select[]">
<label for="cp_field1_4">4</label>

<h2>같은 폼, 필수 아님</h2>
<input type="checkbox" id="cp_field1_1x" value="1" name="select22[]">
<label for="cp_field1_1x">1</label>

<input type="checkbox" id="cp_field1_2x" value="2" name="select22[]">
<label for="cp_field1_2x">2</label>

<input type="checkbox" id="cp_field1_3x" value="3" name="select22[]">
<label for="cp_field1_3x">3</label>

<input type="checkbox" id="cp_field1_4x" value="4" name="select22[]">
<label for="cp_field1_4x">4</label>
<input type="submit">
</form>

폼 안에서 이렇게 쓰고

<script>
function check_form(f) {
var checked = document.querySelectorAll('[name="select[]"]:checked');
if ( !checked.length ) {
alert("필수를 하나 이상 선택해주세요.(중복 선택 가능)");
return false;
}
return true;
}
</script>

스크립트에서는 select만 지정하고 select22는 그냥 아무것도 안 쓰고 이렇게 놔두면 되는건가요??
일단 제가 해봤을 때 되긴 하는데 이렇게 하는게 맞는지 궁금해서 질문드립니다

그리고 폼 안에 필수롤 체크되어야 하는 체크박스가 하나 이상 있으면 form태그 안에 onsubmit="return check_form(this)" 이거를 넣고 밑에 스크립트로 네임 지정해주면 된다. 이런 원리인가요??

다시한번감사드립니다 복받으세요 . . .

대상 지정 [name="select[]"]:checked 이라 그렇게 해도 됩니다.

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

참고로 아래처럼 줄일 수 있습니다.

<input type="checkbox" id="cp_field1_1" value="1" name="select[]">
<label for="cp_field1_1">1</label>
↓
<label><input type="checkbox" id="cp_field1_1" value="1" name="select[]"> 1</label>

정말 감사합니다
진짜진짜진짜 마지막으로 질문 하나만 더하겠습니다 ..ㅠㅠ

한 페이지에 폼이 두 개가 있고, 각각의 폼에는 필수로 눌러야하는 체크박스가 있습니다

첫 번째 폼의 필수 체크박스를 입력하고 제출을 누르면 첫 번째 폼만 제출되게 하고싶어서
제가 폼 2개 각각에 onsubmit="return check_form(this)" 를 추가하고

<script>
function check_form(f) {
var checked = document.querySelectorAll('[name="select[] (첫 번째 폼 안에 있는 필수 체크박스 네임)"]:checked');
if ( !checked.length ) {
alert("체크박스1-1을 선택해주세요.");
return false;
}
return true;
}
</script>

<script>
function check_form(f) {
var checked = document.querySelectorAll('[name="select222[] (두 번째 폼 안에 있는 필수 체크박스 네임"]:checked');
if ( !checked.length ) {
alert("체크박스 2-1을 선택해주세요.");
return false;
}
return true;
}
</script>

이런식으로 했는데요

두 번째에 있는 폼은 괜찮은데 첫 번째 폼에서 필수 체크박스를 클릭하지 않고 제출을 눌렀을 경우
'체크박스 2-1을 선택해주세요.' 이게 뜨고,

두 번째 필수 체크박스를 클릭했을 시 첫 번째 필수 체크박스를 클릭하지 않아도 첫 번째 폼 안에 있는 제출하기 버튼을 눌렀을 때 제출이 됩니다....ㅜㅜ 혹시 어떻게 하는지 아신다면 알려주실 수 있을까요? 진짜 죄송합니다