JQuery

[JQuery] input type checkbox 선택값 배열 생성 / checked value array

chsr 2021. 2. 3. 15:52
728x90
반응형

■ JQuery input type checkbox 선택값 배열 생성 / checked value array


선택된 체크박스 value 값 배열로 생성하기

<input type='checkbox' name='tmpChkbox[]' value='A' checked>
<input type='checkbox' name='tmpChkbox[]' value='B' checked>
<input type='checkbox' name='tmpChkbox[]' value='C'>
<button type="button" onclick="clkBtn()">체크된 값 배열로 생성</button>

<script type="text/javascript">
  function clkBtn(){
    var chkArray = new Array();

    $("input[name='tmpChkbox[]']:checked").each(function() { 
      var tmpVal = $(this).val(); 
      chkArray.push(tmpVal);
    });

    if( chkArray.length < 1 ){
      alert("값을 선택해주시기 바랍니다.");
      return;
    }

    console.log(chkArray);	// (2) ["A", "B"]
  }
</script>
728x90
반응형