如何为多个按钮做相同的功能，如果他们中的任何一个已经在javascript中点击

how to do a same function for multiple button if any of them have been clicked in javascript

本文关键字：任何一 他们 javascript 如果 功能 按钮      更新时间：2023-09-26

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

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

我想做相同的功能(pagenumload)到所有的按钮，而不仅仅是'#m-4'，我该如何实现?div, tnx。

你也可以使用jQuery的属性选择器:

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

这个特别选择所有以"m-"开头的id属性值的输入。

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

将方法附加到类中:

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

你可以给他们一个共同的类，或者使用一个input[type='button']选择器:

$("input[type='button']").click(function() {
    // inside here 'this' is the button that was clicked
});
相关文章：