checkbox value edits JSON object

<!DOCTYPE html>
<html>
<head>

<style>

    body{
        background-color: #FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
    }

    label{
        display: block;
    }

</style>

<script>

var formData= {
    "check00":false,
    "check01":false,
    "check02":false,
}

</script>

</head>
<body>

<h2>Checkbox Values</h2>

<label>
    <input type="checkbox" id="check00" name="check00" class="checkSet00" data-index="0" data-json="check00"> Check 00
</label>

<label>
    <input type="checkbox" id="check01" name="check01" class="checkSet00"  data-index="1" data-json="check01"> Check 01
</label>

<label>
    <input type="checkbox" id="check02" name="check02" class="checkSet00"  data-index="2" data-json="check02"> Check 02
</label>


<script>

    // GET CHECKBOX CLASS AS ARRAY...
    var checkSetList = document.querySelectorAll(".checkSet00");

    // ADD EVENT LISTENER...
    for(var i = 0; i < checkSetList.length; i++) {
        checkSetList[i].addEventListener("click", doCheckClick);
    }

    // CEHCKBOX EDITS TARGET JSON NODE
    function doCheckClick(event){
        var thisId = event.target.id;
        var thisIndex = Number( event.target.getAttribute('data-index') );
        var jsonTarget = event.target.getAttribute('data-json'); // GET JSON NODE
        var isThisChecked = checkSetList[thisIndex].checked;    // GET CHECK BOOLEAN
        formData[jsonTarget] = isThisChecked ; // PUSH BOOLEAN TO JSON
        console.log(thisId + " : " + isThisChecked +  " jsonNode:" + formData[jsonTarget]  );
    }


</script>

</body>
</html>