如果在javascript中单击了多个按钮中的任何一个,如何为它们执行相同的功能

如果在javascript中单击了多个按钮中的任何一个,如何为它们执行相同的功能,javascript,jquery,Javascript,Jquery,我在一个特定的页面中有这段代码,一个包含大量按钮类型列的表 <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" > &

我在一个特定的页面中有这段代码,一个包含大量按钮类型列的表

<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>

我想对所有按钮执行相同的功能(pagenumload),而不仅仅是“#m-4”,我应该如何实现它?,,tnx.

您可以为您的输入设置一个类:

<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?>>

改为将方法附加到类:

<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;
});

>
$('.navbutton')。单击(函数(){
pagenum=$(this.val()-1;
});

您可以给他们一个公共类,或者使用输入[type='button']选择器:

$("input[type='button']").click(function() {
    // inside here 'this' is the button that was clicked
});
您还可以使用:

这一个特别地选择所有具有
id
属性值且以“m-”开头的输入


尽管我强烈建议您在输入中添加一个
类名
,这样您就可以使用更简单的类选择器,例如
$('.myButton')

,但首先,请注意一点,不要像90年代那样对html标记加上大写。就个人而言,光是阅读就让人痛苦。@NickDugger这是纯粹的偏好,他的标记风格没有错。@NickDugger-这真的让我回想起:)
<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;
});
$("input[type='button']").click(function() {
    // inside here 'this' is the button that was clicked
});
$('input[id^="m-"]').click(pagenumload);