如何将相同的javascript函数绑定到输入更改和按钮单击

我有以下脚本

$(function(){
    $('.input1_class, .input2_class, <many other input classes go here>').bind('change', function(){
        $.ajax({
            url: "<%= update_fields_projects_url %>",
            data: {
                input1: $('.input1_class').val(),
                input2: $('.input2_class').val(),
                <other inputs go here>
            }
        });
    });
});

这也不起作用

更新3:

以下是对我有效的方法

function updateFields(){
    $.ajax({
        url: "<%= update_fields_projects_url %>",
        data: {
            input1: $('.input1_class').val(),
            input2: $('.input2_class').val(),
            <other inputs go here>
        }
    });
}

$(function(){
    $('.input1_class, .input2_class, ...').bind('change',updateFields);
});

<input type=button id=apply_button_id value="Apply Updates" class=apply_button_class onClick="updateFields();">

函数updateFields（）{
$.ajax({
url:“”，
数据：{
input1:$（'.input1_class'）.val（），
input2:$（'.input2_类'）.val（），
}
});
}
$（函数（）{
$（'.input1\u类，.input2\u类，…）.bind（'change'，updateFields）；
});

只需为函数命名：

function func(){

}

$("...").change(func);

<a href="" onclick="func()">Blah</a>

---

它不应该是

onclick=“func（）；”

？或者它也可以在没有括号的情况下工作？@ajax333221它需要括号操作！正如@Jibibaraham所说，这是必需的。答案已被编辑。请务必避免使用此答案的onclick版本。但总的来说，原则是正确的。感谢您的及时回复。如上面更新1所示，我被吊死了。按钮单击工作正常，但输入更改不再触发任何ajax请求。

function updateFields(){
    $.ajax({
        url: "<%= update_fields_projects_url %>",
        data: {
            input1: $('.input1_class').val(),
            input2: $('.input2_class').val(),
            <other inputs go here>
        }
    });
}

$('.input1_class, .input2_class, <many other input classes go here>').change(updateFields);

<input type=button id=apply_button_id value="Apply Updates" class=apply_button_class onClick="updateFields();">

$('.input1_class, .input2_class, ...').bind('change',updateFields);

function updateFields(){
    $.ajax({
        url: "<%= update_fields_projects_url %>",
        data: {
            input1: $('.input1_class').val(),
            input2: $('.input2_class').val(),
            <other inputs go here>
        }
    });
}

$(function(){
    $('.input1_class, .input2_class, ...').bind('change',updateFields);
});

<input type=button id=apply_button_id value="Apply Updates" class=apply_button_class onClick="updateFields();">

function func(){

}

$("...").change(func);

<a href="" onclick="func()">Blah</a>

<a id="link">Blah</a>

$("...").change(func);

$("#link").click(func);