소스 어디가 잘못되었는지 봐주세요 채택완료

                
                    
                    Copy
                
                
</pre>

<pre highlighter="hljs">
<code><script src="<a href="https://code.jquery.com/jquery-3.6.0.min.js"></script>" target="_blank" rel="noopener noreferrer">https://code.jquery.com/jquery-3.6.0.min.js"></script></a>
    <script>
        $(document).ready(function() { 
           
             // 제출 버튼 클릭 이벤트 핸들러
            $("#submitBtn").click(function(e) { 

                 // '기타' 체크박스가 선택되었는지 확인
                var isOtherChecked = $("#people3").is(':checked'); 

                 // '기타' 입력란의 값 가져오기 및 공백 제거
                var otherInputValue = $("#choice_etc").val().trim(); 

                  // '기타'가 선택되었고 입력란이 비어있는 경우
                if (isOtherChecked && otherInputValue === '') {
                    alert("기타 내용을 적어주세요.");
                    $("#choice_etc").focus(); // 입력란에 포커스 이동
                    e.preventDefault(); // 폼 제출 방지
                    return false;
                }

                // 폼이 실제로 존재하는 경우 제출 로직 추가 가능
                // 예: $("form").submit();
            });
        });
    </script></code></pre>

<p><code><label><input type="checkbox" name="choice[]" id="people1" value="선택1"> 선택1</label>


<label><input type="checkbox" name="choice[]" id="people2" value="선택2"> 선택2</label>


<label><input type="checkbox" name="choice[]" id="people3" value="기타"> 기타</label>


<input type="text" name="choice_etc" id="choice_etc" placeholder="기타 내용을 입력하세요">


<button type="submit" id="submitBtn">제출</button>
            


                                    

해당 
if ($("#people3").is(':checked')) {
이 이벤트를 실행시 function이나 jquery로 무엇인가 해당 이벤트를 발생시켜야 하는데
현재는 이것을 실행시킬 function이나 실행시킬 연결고리가 없어서 해당 부분의 스크립트를 적용할수가 없습니다.

예를 들어

function chk_event(){

}

이런 이벤트 function 함수를 호출해서 처리하도록 이벤트를 걸어주셔야 해당 함수가 반응하던지 할겁니다.

소스를 다 적용해 드리면 좋겠지만 직접 공부도 하시고 왜 이렇게 되는지를 아셔야 할듯 해서

이렇게 남겨 놓습니다.  참고해 주세요