在onclick中嵌入函数

时间:2013-09-27 15:23:11

标签: javascript input onclick

我有一个onclick功能,我试图修改。

onclick="window.location='add_cart.asp?quick=1&item_id=123&qty=1'"

我正在尝试根据输入表单的内容动态设置数量参数(qty =)。

输入字段:

<input type="text" size="3" name="qty-123" value="1" class="txtBoxStyleProd">

我正在尝试做类似的事情:

onclick="window.location='add_cart.asp?quick=1&item_id=123&qty=' document.getElementById('qty-123');"

但这打破了按钮而无法正常工作。我来自Java背景,我对javascript很新...我做错了什么?

2 个答案:

答案 0 :(得分:4)

它正在破坏(基于您提供的示例),因为您没有连接字符串,而是声明字符串然后说明元素。

尝试更像"document.location.href = 'add_cart.asp?quick=1&item_id=123&qty=' + encodeURIComponent(document.getElementById('qty-123').value);"的内容。这将从输入字段中获取值,并将其连接到您尝试导航到的网址。

此外:我建议在元素之外的函数中完成这项工作,以便整洁。然后,您可以使用onclick="MyRedirectFunction()"

答案 1 :(得分:2)

你忘了连接并获得值

onclick="window.location='add_cart.asp?quick=1&item_id=123&qty=' +  document.getElementById('qty-123').value;"