[JSP] 다중 checkbox 배열 실시간 값 확인방법 - 개인 기록

[JSP] 다중 배열checkbox 실시간 check값 확인하는방법 - 개인 기록

JS에서

$("input:checkbox[name^='AddrVOList'][name$='.group_id']").on("change", function(){
 
         if($(this).is(":checked")){
 
            $(this).prop("checked", true);             
            alert($(this).val);
             $("#cancelReason").hide();
 
         }
 
         else{
 
             $(this).prop("checked", false);
            alert($(this).val); 
             $("#cancelReason").show();
 
         }
 
    });

form안에서

<input type="checkbox" name="AddrVOList[0].group_id"  class="check_box" value="1" <c:if test="${chk1 ne '0' }">checked</c:if> /> <label for="">체크박스명1</label>
 
<input type="checkbox" name="AddrVOList[1].group_id"   class="check_box" value="2" <c:if test="${chk2 ne '0' }">checked</c:if> /> <label for="">체크박스명2</label>
 
<input type="checkbox" name="AddrVOList[2].group_id"  class="check_box" value="3" <c:if test="${chk3 ne '0' }">checked</c:if> /> <label for="">체크박스명3</label>
 
<input type="checkbox" name="AddrVOList[3].group_id"  class="check_box" value="4" <c:if test="${chk4 ne '0' }">checked</c:if> /> <label for="">체크박스명4</label>

※ 주의 사항 ※

checkbox를 실시간 확인하기 위해서는 dom이 실행될 때 있어야한다.

dom은 아래 링크에서 알아볼 수 있다.

https://docu94.tistory.com/37