javascript - 如果我用 javascript 隐藏文本输入元素，其他 javascript 函数是否仍然可以访问输入到其中的值？

Question

我正在尝试使用此功能:

function storagecalc(){
var thediv=document.forms["boxes"];
var boxno=thediv.elements["numbofboxes"];
var howmany =0;    //If the textbox is not blank    */
if(boxno.value!="")    
{        
howmany=parseInt(quantity.value);    
}
return howmany;
document.getElementById('numberprice').innerHTML = "£"+howmany;
}

要获取此处输入的值:

<form action="" id="boxes">

<input type="text" id="numbofboxes" value="" name="boxnumber"/>

<button id="smtbxno" onclick="storagecalc">

<img src="images/tick.gif" alt="proceed"/>

</button>

</form>

并在此处显示:

<div id="grandtotal">

<p class="calctitles">

Grand Total

</p>

<p id="numberprice">

</p>

</div>

当我在文本框中输入值并单击按钮时没有任何反应，这是因为按钮还具有在单击时隐藏自身和文本框的 jQuery 吗？如果没有，有什么建议说明为什么它不起作用吗？

Answer 1

If I hide a text input element with javascript, can other javascript functions still access a value entered into it?

每一段能够获取输入元素引用(通过变量，带有 DOM 选择器)的 JavaScript 都可以访问它的值。该元素的可见性对任何这些操作都没有影响。只有当您将其与 DOM 分离时，其他函数才无法使用 DOM 方法选择它。

<小时/>

好的，您提供给我们的文档中有一些错误:

• <button onclick="storagecalc">不执行任何操作，您需要调用该函数:<button onclick="storagecalc();"> 。仅当将监听器分配给 onclick 时property 对于js，需要使用函数对象( document.getElementById("smtbxno").onclick = storagecalc; )。
• 在函数本身中，您使用变量 quantity这是 undefined (并抛出异常)。我不知道如何解决这个问题。