Question

尝试使用jquery开发Web表单。

我需要的是在一个表格上有几个（不知道多少个）按钮。

所有这些按钮都必须调用一个相同的函数，并将一个参数传递给该函数。该函数必须做一些post方法，但我可以处理它。

所以，我的主要问题是我不知道如何开发将调用特定jquery函数的JS。

你可以帮我解决这个问题吗？

Answer 1

您可以使用jQuery函数（jQuery or $）使用几乎所有CSS3 selector（以及special jQuery ones的某些:button来查找按钮 - 向{{3}喊出来然后使用"just somebody"函数挂钩处理程序，如下所示：

$('input[type=button]').click(function(event) {
    // Here, `this` is the raw DOM element for the button.
    // You can use $(this) to get a jQuery wrapper for it.
});

click只是click的缩写。

在将值“传递”到处理程序方面，您可以通过让事件调用具有编码值的函数来实现，如下所示：

$(':button').click(function(event) {
    // Here, `this` is the raw DOM element for the button.
    // You can use $(this) to get a jQuery wrapper for it.
    doSomethingNifty("foo");
    return false; // Do this if you want to prevent the default action
});
function doSomethingNifty(arg) {
    alert(arg);
}

现在，页面上的任何按钮都会显示一条提示“foo”的警告。

最后：如果你想阻止按钮的默认动作（如果它有一个），请从处理程序返回false，如上所述。

Answer 2

$(':button').bind('click', myfun);

Answer 3

或者，您可以为所有链接提供一个公共类，并执行类似这样的操作

示例HTML

<a class="yourclass" param1="value1" href=#">Text</a>

现在是剧本

$(".yourclass").click(function() {

var param = $(this).attr('param1');
//now do the remaing

});

一个表单上的几个按钮调用相同的功能

3 个答案: