Question

如何创建一个将被所有三个按钮调用的函数，而不是每个不同按钮的函数？

function input1()
{window.alert("You selected option 1!");}

function input2() {window.alert("You selected option 2!");}

function input3() {window.alert("You selected option 3!");}

<h1>Select a button</h1>

<form name="optionsForm" action="">

<input type="button" name="1" value="Option 1" onclick="input1()" />
<input type="button" name="2" value="Option 2" onclick="input2()" />
<input type="button" name="3" value="Option 3" onclick="input3()" />

</form>

Answer 1

只需传递您需要提醒的文本即可作为参数运行，如下所示：

function inputAlert(optionName) {window.alert('Selected '+optionName);} 

<input type="button" name="1" value="Option 1" onclick="inputAlert('Option 1')" />
<input type="button" name="2" value="Option 2" onclick="inputAlert('Option 2')" />
<input type="button" name="3" value="Option 3" onclick="inputAlert('Option 3')" />

Answer 2

function input(val) {window.alert("You selected option "+val+"!");}

<h1>Select a button</h1>

<form name="optionsForm" action="">

<input type="button" name="1" value="Option 1" onclick="input(1)" />
<input type="button" name="2" value="Option 2" onclick="input(2)" />
<input type="button" name="3" value="Option 3" onclick="input(3)" />

</form>

Answer 3

或者您可以使用jQuery并在每个按钮上放置相同的类。因此，使用选择器，您将拥有一个用于所有3个按钮的功能。

它应该类似于：

<input class="myclass" type="button" name="1" value="Option 1"/>
<input class="myclass" type="button" name="2" value="Option 2"/>
<input class="myclass" type="button" name="3" value="Option 3"/>

并有一些jquery代码，如：

$('.myclass').click(function(){
// my code comes here
alert($(this).attr('value'));
});

如何创建一个将被所有三个按钮调用的功能，而不是每个不同按钮的功能？

3 个答案: