List of all selected checkboxes into a JSON string

by Simona Marotto
in Javascript, Posts
on October 11, 2018

Add class to checkbox

<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>

<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>

Create a function to return a JSON string

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);  //convert javascript array to JSON string
    console.log( 'result' + myJsonString);
    
    alert(myJsonString);

    return myJsonString;
  
   }

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); //convert javascript array to JSON string

console.log( 'result' + myJsonString);

alert(myJsonString);

return myJsonString;

}

Here an example

https://jsfiddle.net/a3owjh85/1/

List of all selected checkboxes into a JSON string

List of all selected checkboxes into a JSON string

Ricerca Articolo

Categorie