Javascript 将文本框值指定给HTML正文中的变量,并传递给多个函数

Javascript 将文本框值指定给HTML正文中的变量,并传递给多个函数,javascript,html,function,variables,textbox,Javascript,Html,Function,Variables,Textbox,假设我的页面上有几个按钮和一个文本框 每个按钮在JS中调用不同的函数,但它们将相同文本框的值传递给该函数 我需要检索一次文本框的值,将其分配给变量,然后从那里将变量传递给函数。因此,不要每次都写“document.getElementById('textbox1').value”来传递给函数,只需传递变量名即可 因此,与此相反: \ \ 我想看看这个 x=document.getElementById('textbox1').value#**这是我不知道如何定义的行** \ \ 您可以使用jQ

假设我的页面上有几个按钮和一个文本框

每个按钮在JS中调用不同的函数,但它们将相同文本框的值传递给该函数

我需要检索一次文本框的值,将其分配给变量,然后从那里将变量传递给函数。因此,不要每次都写“document.getElementById('textbox1').value”来传递给函数,只需传递变量名即可

因此,与此相反:

\
\
我想看看这个

x=document.getElementById('textbox1').value#**这是我不知道如何定义的行**
\
\
您可以使用jQuery的“更改”事件处理程序获取输入值。然后将其绑定到变量并在任何函数中使用。您不需要将其作为参数传递,因为它已在顶部定义。您可以在函数内部引用它

var funcParam=”“;
$(“#textbox1”).change(函数(){
funcParam=$(“#textbox1”).val();
});
函数function1(){
console.log(funcParam)
}
函数function2(){
console.log(funcParam)
}

为什么要编写内联JavaScript?!只需添加一个脚本标记并在其中编写代码即可
\<input type="button" value="button1" onclick="function**1**(document.getElementById('textbox1').value)"/>

\<input type="button" value="button1" onclick="function**2**(document.getElementById('textbox1').value)"/>
x = document.getElementById('textbox1').value # **THIS IS THE LINE I DON"T KNOW HOW TO DEFINE**

\<input type="button" value="button1" onclick="function**1**(x)"/>

\<input type="button" value="button1" onclick="function**2**(x)"/>