javascript 我如何创建一个函数,它将被所有三个按钮调用,而不是为每个不同的按钮调用?

9cbw7uwe  于 2023-01-24  发布在  Java
关注(0)|答案(3)|浏览(117)

我如何创建一个函数,它将被所有三个按钮调用,而不是为每个不同的按钮调用?

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

gijlo24d1#

只需将需要提醒的文本作为参数传递即可,如下所示:

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')" />
deyfvvtc

deyfvvtc2#

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

qxgroojn3#

或者你可以使用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'));
});

相关问题