javascript - Javascript函数多值变量

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。

$(this).val() 是点击的输入对象的值

你可以给你的表单一个ID，这样你就可以做出更准确的选择器（$（“表单输入”））。