Topic: Click on checkbox in Datatable not showing checked behaviour

Uzair Hameed free asked 3 years ago


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>");

}


MDBootstrap staff commented 3 years ago

Hi Uzair Hameed,

Please create a snippet with the example of the problem you are describing.

https://mdbootstrap.com/snippets

Best Regards, Piotr



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.7.5
  • Device: Desktop
  • Browser: Google Chrome
  • OS: Window
  • Provided sample code: No
  • Provided link: No