wie man json string der chechbox checked div text

Question

wie man json string mit jquery auf taste click aber text sollte sein who chechbox überprüft.

Diese sind dynamisch erstellte div

<div class="div1"> 
    <input type="checkbox" class="checkbox" value="1"> 
    <div class="divdata">divtext1</div> 
    <span class="spandata">spantext1</span> 
</div> 
<div class="div1"> 
    <input type="checkbox" class="checkbox" value="1"> 
    <div class="divdata">divtext2</div> 
    <span class="spandata">spantext2</span> 
</div> 
<div class="div1"> 
    <input type="checkbox" class="checkbox" value="1"> 
    <div class="divdata">divtext3</div> 
    <span class="spandata">spantext3</span> 
</div> 
<input type="submit" id="btndisplay" value="Display Data"> 

Dies ist Wunsch Ausgabe in einem Textfeld

<textarea> 
    { 
     "mydata":[ 
      {"divdata":"divtext1", "spandata":"spantext1"}, 
      {"divdata":"divtext2", "spandata":"spantext2"}, 
      {"divdata":"divtext3", "spandata":"spantext3"} 
     ] 
    } 
</textarea> 

jQuery-Code

wollen

$("#btndisplay").click(function(){ 
    var divdata = $('.div1 input[type=checkbox]:checked').siblings('.divdata').text(); 
    var spandata = $('.div1 input[type=checkbox]:checked').siblings('.spandata').text(); 
    $('textarea').append(....); // here i am not getting understand. 
}); 

Answer 1

Ich glaube, was Sie wollen, ist in diese Richtung.

JS

$('#btndisplay').click(function(){ 
    var obj = { 
    "myData": [] 
    }; 

    $('.div1').each(function() { 
    if($(this).find('.checkbox').is(':checked')) { 

     obj["myData"].push({ 
     'divdata': $(this).find('.divdata').text(), 
     'spandata': $(this).find('.spandata').text() 
     }); 

    } 
    }); 

    $('textarea').val(JSON.stringify(obj)); 
}); 

Siehe js Geige https://jsfiddle.net/23pf5t10/4/