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>

我想创建一个包含3 objectType(obj)个事件的函数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，这样你就可以制作一个更准确的选择器（$（“表单输入”））。

Javascript函数有多个值变量

2 个答案: