Question

我想使用输入值作为我的“doubleSize”函数的参数，通过onclick方法。

<!DOCTYPE html>
<html>
<head>

<script> 

function doubleSize(x)
{

        ....//some code

}
</script>
</head>

<body>
<p> Give a number :
<input id="inpt" type="text"></p>
<button id="but" type="button" onclick="doubleSize('????')" >click me!</button>
<div><span id="result"></span>
</div>
</body>
</html>

Answer 1

尝试像这样传递：

onclick="doubleSize(document.getElementById('inpt').value)"

Answer 2

您必须将该功能置于头 DEMO

<button id="but" type="button" onclick="doubleSize(document.getElementById('inpt').value)" >click me!</button>

Answer 3

你走了：小提琴：http://jsfiddle.net/cUA9K/1/

<button id="but" type="button" onclick="doubleSize(document.getElementById('inpt').value)" >click me!</button>

如何从input元素传递参数

3 个答案: