Javascript function multiple values ​​variable

Question

Я очень новичок в JavaScript и не могу решить проблему.

Я создал форму, которая выглядит следующим образом:

<form> 
<p> 
<input type="button" value="CR" ID="CR" onClick= "window.location='http://localhost/test1/html_CR.html'" /> 
</p> 
<input type="button" value="CRI" ID="CRI" onClick= "window.location='http://localhost/test1/html_CR.html'" /> 
</p> 
<input type="button" value="ALL" ID="ALL" onClick= "window.location='http://localhost/test1/html_CR.html'" /> 
</p> 
</form> 

Я хотел бы создать функцию objectType(obj), которая может включать в себя эти 3 onClick события. Он должен выглядеть примерно так: onClick= objectType(obj), где obj может иметь 3 значения: CR, CRI и ALL.

Может кто-нибудь мне помочь?

Answer 1

Попробовать это

function objectType(obj) { 
    window.location = 'http://localhost/test1/html_' + obj + '.html'; 
} 

Вместе с HTML

<form> 
<p> 
<input type="button" value="CR" ID="CR" onClick= "objectType(this.value);" /> 
</p> 
<input type="button" value="CRI" ID="CRI" onClick= "objectType(this.value);" /> 
</p> 
<input type="button" value="ALL" ID="ALL" onClick= "objectType(this.value);" /> 
</p> 
</form> 

Потому что я предполагаю, что вы хотите, чтобы перенаправлять на URL, который соответствует значению каждого входа? :-)

Answer 2

с JQuery:

$(document).ready(function() { 
    $("form input").click(function() { 
    window.location='http://localhost/test1/html_'+$(this).val()+'.html' 
    }); 
}); 

С этим у добавить onClickEvent вне элемента, у не должны использовать OnClick на входе элемента больше.

$ (это) .val() является значение нажатого ввода-объекта

U может дать свою форму идентификатор, так и может сделать более точный селектор ($ («форма ввода»)).