JSFiddle - React, Tailwind, and code Playground

HTML

<label for="checkbox[1]"><input type="checkbox" name="checkbox[1]" id="checkbox[1]" class="detectThisChange" value="10.00" checked=""> Amount $10.00</label>
<label for="checkbox[2]"><input type="checkbox" name="checkbox[2]" id="checkbox[2]" class="detectThisChange" value="20.00" checked=""> Amount $20.00</label>
<label for="checkbox[3]"><input type="checkbox" name="checkbox[3]" id="checkbox[3]" class="detectThisChange" value="30.00" checked=""> Amount $30.00</label>

JavaScript

$("input[type=checkbox]").on('change',function(){
var self=$(this);
    if(self.is(":checked"))
    {
    console.log("checkbox  id ="+self.attr("id") +"is checked ");
    }else {console.log("Id = "+self.attr("id") +"is Unchecked ");}
});