JSFiddle - React, Tailwind, and code Playground

HTML

<div id="checkboxList">
    <div><input type="checkbox" value="1" class="myChk"> Value 1</div>
    <div><input type="checkbox" value="2" class="myChk"> Value 2</div>
    <div><input type="checkbox" value="3" class="myChk"> Value 3</div>
    <div><input type="checkbox" value="4" class="myChk"> Value 4</div>
    <div><input type="checkbox" value="5" class="myChk"> Value 5</div>
<div>

<button>
create array
</button>

JavaScript

function arrayChk(){ 

    var arrAn = [];  
  
    var m = $('.myChk'); 

    var arrLen = $('.myChk').length; 
      
    for ( var i= 0; i < arrLen ; i++){  
        var  w = m[i];                     
         if (w.checked){  
          arrAn.push( { "myVal" : w.value } );  
          console.log(w.value ); 
        }  
      }   
    
    var myJsonString = JSON.stringify(arrAn);  
    console.log( 'result' + myJsonString);
    
    alert(myJsonString);

    return myJsonString;
  
   }
  
   
   $('button').click(arrayChk);