通过多个活动调用ajax函数

时间:2017-04-20 11:05:09

标签: jquery ajax

我有复选框和下拉列表。

我像这样调用ajax(仅用于复选框)

$("input[type=checkbox]").on("change", function() {

        $.ajax({
        ...
            }
        });
    });

是否可以在一个jquery函数中执行此操作(也可以监听选中的下拉元素)或者我是否要使用不同的ajax调用编写另一个函数?我更喜欢第一选择。怎么做到这一点?

2 个答案:

答案 0 :(得分:1)

是的你可以通过使用 jQuery miltiselector来做到这一点,它使用','分隔两个元素,请按照下面的代码::

$(document).ready(function (e) {
    $("input[type=checkbox], select#mySelect").on("change", function() {
        $.ajax({
        ...
        });
    });
});

元素选择器无论你想要什么,你都可以自己改变。

另一种方法是你可以给selectox& checkbox同一个类(如:ajaxFire)并使用它如下::

$(document).ready(function (e) {
    $(".ajaxFire").on("change", function() {
        $.ajax({
        ...
        });
    });
});

答案 1 :(得分:0)

您可以将一个类附加到复选框和下拉列表元素,然后使用jQuery选择该类。

$(".respond").on("change", function() { 
    $.ajax({ ... } }); 
});