How to call a Javascript method from jQuery

Question

I do have a input type checkbox which has a data attribute on that. data attribute contains a javascript method which need to be executed on click of that textbox.

<input type="checkbox" id="id001" data-display="checkDisplayOption(p1,p2,p3);">

Now in jQuery -

$("#id001").click(function(){
     $("#id001").data("display");
});

I am looking for $("#id001").data("display"); to trigger checkDisplayOption method but it is not happening.

Does this answer your question? How to call javascript function inside jQuery — joshii_h
– joshii_h, Commented Apr 28, 2023 at 12:33
You got no actual function here though, you got a string value that contains some code, but that code has not been parsed as JavaScript. You would actually need to eval this ... — C3roe
– C3roe, Commented Apr 28, 2023 at 12:33

Mahesh Thorat · Accepted Answer · 2023-04-28 12:32:10Z

0

The selector in the jQuery code is missing the # symbol to select the checkbox by its ID. It should be $("#id001").click(function(){...

A better approach would be to store the function name as the value of the data-display attribute.

Try below code

$("#id001").click(function () {
    var functionName = $(this).data("display");
    var params = $(this).data("params").split(",");
    window[functionName].apply(this, params);
});

function checkDisplayOption(p1, p2, p3) {
    console.log("checkDisplayOption called with params:", p1, p2, p3);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" id="id001" data-display="checkDisplayOption" data-params="p1,p2,p3">

answered Apr 28, 2023 at 12:32

Mahesh Thorat

1,7974 gold badges14 silver badges31 bronze badges

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

Collectives™ on Stack Overflow

How to call a Javascript method from jQuery

1 Answer 1

Try below code

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Try below code

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related