如何在jQuery中触发change事件

How to fire change event in jQuery

本文关键字：change 事件 jQuery      更新时间：2023-09-26

我有一个UserControl放置在asp.net的aspx页面。在这个UserControl中，我有一个RadioButtonList，在改变RadioButtonList项时，我想执行下面的jQuery函数。

$('#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");
        }
    });
});

对于执行事件，您可以使用JQuery的trigger("eventname")函数。

$("#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>

对于生成的HTML，你不能使用$("#generatedid")来触发事件，因为元素在第一次加载时不在DOM中。

你可以使用:

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

您可以简单地这样做:

$(document).ready(function () {
    $('#rdlUser input').change(function () {
        alert($(this).val());
    });
});
相关文章：