ajax - Why onclick doesn't work with checkboxes

Question

I am currently creating tables and checkboxes using ajax communication.

After it was created, it was confirmed that the checkbox function was working normally, Even if I include checked while creating it, the onclick function doesn't fire.

success:function(data){
    for (var key in data) {
        feature = data[key]
        head = feature[0].split(" ")
        tail = feature[1].split(" ")
        type = feature[2]
        name = feature[3]
        $('#pharmacophore_table').append("<tr>" + 
            "<td>" + name + "</td>" +
            "<td> <label><input type='checkbox' name='ligand_feature' onclick='show_ligand_feature(this, " + '"' + feature + '"' + ");' ></label>" + 
            "</tr>");

        $("input[name='ligand_feature']").attr( "checked", true);
    }      
},
error:function(data){
    alert(data.status)
}

How can I solve this?

Those quotes don't look right to me. Does the input render properly in the DOM so the onclick looks right there? — charlietfl
– charlietfl, Commented Dec 23, 2021 at 2:40
After creation the onclick function works fine. The problem is that the onclick function does not work when created and checked with the ajax function. — Hyungsik Jo
– Hyungsik Jo, Commented Dec 23, 2021 at 2:44
Are you expecting the onclick function to be called when you set checked? — charlietfl
– charlietfl, Commented Dec 23, 2021 at 2:45
Yes I want to enable all checkboxes at the same time as they are created. — Hyungsik Jo
– Hyungsik Jo, Commented Dec 23, 2021 at 2:48
Ok but it's still not clear what isn't working and why. Can you create a demo that reproduces the problem? See minimal reproducible example — charlietfl
– charlietfl, Commented Dec 23, 2021 at 2:53

Hyungsik Jo · Accepted Answer · 2021-12-23 05:46:20Z

1

I solved it.

Just add click event

complete: function(){
    var chck = document.getElementsByName('ligand_feature')
    for (var l=0; l<chck.length; l++){
        chck[l].click();
    }

answered Dec 23, 2021 at 5:46

Hyungsik Jo

1563 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

ajax - Why onclick doesn't work with checkboxes

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related