How to trigger an event in jQuery?

Question

I'm working on a page that opens a modal window when the user clicks a certain radio button. I want to trigger whatever that event handler is via my own jQuery code. Right now, I'm attempting to mimic a user clicking on the radio button by:

$("#myRadioButton").trigger("click");

The code works somewhat. The state of the radio button does become selected. However, the modal window does not open.

What must I do to trigger the events and event handlers that make the modal window open?

(Also, is there a way in Chrome DevTools to see what events are attached to an element?)

Answer 1

This will make the click function work, with a id on the element. You will need to make some logic for the modal itself, inside the function.

Not sure there is a way to see the events in the developer console.

 $( "#myRadioButton" ).click(function() {
    
    //Whatever you wants to happen, when you click the button
     alert( "You clicked on #myRadioButton" );
    });

Try and check out -> https://jquerymodal.com/