如何在jQuery中触发更改事件

Question

I have a UserControl placed in aspx page in asp.net. In this UserControl, I have a RadioButtonList and on change of RadioButtonList item, I want to execute the below jQuery function.

$('#rdlUser').change(function (e) {
    alert("change function");
    var radioBtnId = this.id;
    var $this = $(this);
    radconfirm('Are you sure you want to take leave?', function(arg){
        if (arg == true) {
            alert("User wants to take leave");
        }    
        else {
            alert("User doesn't want to take leave");
        }
    });
});

Answer 1

Simply you can do like this:

$(document).ready(function () {
    $('#rdlUser input').change(function () {
        alert($(this).val());
    });
});

Answer 2

For execute an event you can use trigger("eventname") function with JQuery.

Example

 $("#id").keypress(function(){ console.log("input keypress"); }); $("#btn").click(function(){ $("#id").trigger("keypress"); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" id="id"> <button id="btn">Trigger keypress event</button> 

UPDATE

With generated HTML you can't trigger event by using $("#generatedid") because element is not in the DOM at the first load.

You can use :

$(document).on("change",".your-radio-button-class",function(){
    //Make a test on the value of the select radio
    if($(this).val() == "connected")
    {

    }
    else
    {

    }
});