javascript - 单击按钮时调用函数

Question

我有简单的 js 文件，但我不能用参数
代码调用函数

function removetr(str){
$(".g"+str).val("");
$(".ga"+str).val("");
$(".gb"+str).val("");
}
$(document).ready(function(){
$("input.buttonno1").click( removetr(1) );
});

我要删除它的值的输入类是 g1、ga1 和 gb1

我想指出，如果我将代码更改为

function removetr(){
str=1;
$(".g"+str).val("");
$(".ga"+str).val("");
$(".gb"+str).val("");
}
$(document).ready(function(){
$("input.buttonno1").click( removetr );
});

这是工作

Answer 1

您需要将函数引用传递给事件处理程序，您当前的代码直接调用该函数。将您的函数构建为事件处理程序，或将匿名函数引用传递给单击处理程序。

_{作为事件处理程序：}

function removetr(e) {
    var str;
    str = e.data.str;
    $(".g"+str).val("");
    $(".ga"+str).val("");
    $(".gb"+str).val("");
}

$(function () {
    $("input.buttonno1").click({str: '1'}, removetr);
});

_{作为匿名函数参考：}

function removetr(str) {
    $(".g"+str).val("");
    $(".ga"+str).val("");
    $(".gb"+str).val("");
}
$(function () {
    $("input.buttonno1").click(function () {
        removetr(1)
    });
});