Expected behavior When click on checkbox its behaviour change from unchecked to checked.

Actual behavior When click on checkbox its behaviour does not change from unchecked to checked.

Resources (screenshots, code snippets etc.)

for (var i = 0; i < result.data.length; i++) {

    ![enter image description here][1]var Checkbx = "<div class='form-check form-check-inline'><input type='checkbox' class='form-check-input filled-in' name='DefaultChkboxsExample' value=" + result.data[i].User_Id + " id=Chkbox" + result.data[i].User_Id + " /><label class='form-check-label' for=" + result.data[i].User_Id + "></label></div>";

                    $('#example_body').append("<tr id=" + result.data[i].Job_Id + "><td class='text-center'>" + Checkbx + "</td><td id=Personal" + result.data[i].User_Id + " class='text-left'>" + "</td><td class='text-left'>" + result.data[i].Camp_DeptPost + "</td><td class='text-left'>" + result.data[i].Subject + "</td><td id=Edu" + result.data[i].User_Id + " class='text-left'>" + "</td><td class='text-center'>" + result.data[i].Experience + "</td><td id=WrkExp" + result.data[i].User_Id + " class='text-left'>" +
                        "</td><td id=CV" + result.data[i].User_Id + " class='text-center'>" + "</td></tr>");

}