我正在尝试从表单中获取数据并将这些值用于最终结果。
问题是(至少在我调试时是这样的)没有值被重试并存储在我创建的变量中。
这是表格:
<form>
<p>
<label for="numDigits">Number of Digits: </label>
<input type="text" id="numDigits" name="numDigits" />
</p>
<p>
<label for="num1">First Number: </label>
<input type="text" id="num1" name="num1" />
</p>
<p>
<label for="num2">Second Number: </label>
<input type="text" id="num2" name="num2" />
</p>
<p>
<label for="num3">Third Number: </label>
<input type="text" id="num3" name="num3" />
</p>
<p>
<input type="button" name="calc" id="calc" value="Calculate" />
</p>
<p id="result">Result will be displayed here when the button is pressed.</p>
</form>
和 JQuery 脚本
$("#calc").on('click', function(){
var a = Number($("#numDigits").val());
var x = Number($("#num1").val());
var y = Number($("#num2").val());
var z = Number($("#num3").val());
var total = a * 3 + x + ((a + x - y) % a) + ((a + z - y) % a);
$("#result").html("<p class='id'>" + total + "</p>");
});
在此先感谢您的帮助!
编辑:我将代码更新为工作版本。
最佳答案
它似乎运行良好:fiddle
但请注意,如果您想将输入作为数字进行操作,您应该这样写
var a = Number($("#numDigits").val());
var x = Number($("#num1").val());
var y = Number($("#num2").val());
var z = Number($("#num3").val());
关于javascript - 我的 JQuery 脚本没有检索表单文本值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21104438/