在不提交表单的情况下,如何使用JavaScript引用表单输入的值?
具体地说,我试图做的是根据单选按钮选择引用要在函数中使用的表单框的值 以下是适用的代码部分:在不提交表单的情况下,如何使用JavaScript引用表单输入的值?,javascript,html,forms,Javascript,Html,Forms,具体地说,我试图做的是根据单选按钮选择引用要在函数中使用的表单框的值 以下是适用的代码部分: var salaryBox = document.forms[0].salary; function getFedTax() { var fedTax = 0; var income = salaryBox.value; if (document.getElementById("single").checked) { if (income >= 8350)
var salaryBox = document.forms[0].salary;
function getFedTax() {
var fedTax = 0;
var income = salaryBox.value;
if (document.getElementById("single").checked) {
if (income >= 8350) {
fedTax = income * .10;
messageElement.innerHTML = "Your federal tax amount is: " + fedTax;
}
}
}
此功能基于选中的第一个单选按钮(单个)。如果选中,并且工资框值>=8350,我希望它执行该计算并将其显示在HTML的messageElement部分
以下是关于fiddle的完整代码:
另外,如果有人知道为什么代码中的函数getStateTax()没有在el.innerHTML中正确显示,我也将非常感谢您的帮助 那么到底出了什么问题?您应该有一个或多个事件侦听器在适当的时间进行计算。您需要考虑部分完整的表单和更改。代码要么不工作,要么在messageElement中没有正确显示。哦…derp。我添加了事件处理程序,现在它似乎正在工作。一个问题:我应该使用什么事件处理程序来更新下拉列表?“onchange”适用于工资框,但使用“onchange”事件处理程序从下拉菜单中选择不同的状态不会正确更新。