如果在javascript中单击了多个按钮，如何对其中的多个按钮执行相同的功能

Question

我在一个特定的页面中有这段代码，一个有很多列的表，这些列都是按钮类型的。

<TABLE BORDER="2">
<TR>
<TD><FORM METHOD="LINK" id="paging">
<INPUT id="m-4"TYPE="button" VALUE=<?php echo $center-4?>>
</FORM></TD>
<TD><FORM METHOD="LINK" >
<INPUT id="m-3" TYPE="button" VALUE=<?php echo $center-3?>>
</FORM></TD>

我选择其中一个按钮，完成我想要的功能，这是可行的，

$('#m-4').click(pagenumload);
function pagenumload()
{
 pagenum = $('#m-4').val()-1;
}

我想对所有的按钮执行相同的函数(分页加载)，而不仅仅是“#m-4”，我应该如何实现？，tnx。

Answer 1

您也可以使用jQuery属性选择器

$('input[id^="m-"]').click(pagenumload);

这一项特别地选择了以"m-“开头具有id属性值的所有输入。

虽然我强烈建议您在输入中添加一个classname，以便您可以使用更简单的类选择器，例如。$('.myButton')

Answer 2

将方法附加到类中：

<TABLE BORDER="2">
<TR>
<TD><FORM METHOD="LINK" id="paging">
<INPUT class="navbutton" id="m-4"TYPE="button" VALUE=<?php echo $center-4?>>
</FORM></TD>
<TD><FORM METHOD="LINK" >
<INPUT class="navbutton" id="m-3" TYPE="button" VALUE=<?php echo $center-3?>>
</FORM></TD>

$('.navbutton').click(function() {
    pagenum = $(this).val()-1;
});

Answer 3

您可以给您的输入一个类：

<INPUT id="m-4" TYPE="button" class="m" VALUE=<?php echo $center-4?>>
...
<INPUT id="m-3" TYPE="button" class="m" VALUE=<?php echo $center-3?>>

然后相应地引用它们：

$('.m').click(pagenumload);
function pagenumload()
{
    pagenum = $(this).val()-1;
}