Как создать одну функцию, которая будет вызываться всеми тремя кнопками вместо функции для каждой отдельной кнопки?

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

Или вы можете использовать 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'));
});

Answer 3

Просто передайте текст, который вам нужно предупредить, чтобы он работал как параметр, например:

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