目标:这段 js 旨在获取输入到表单字段中的值,将它们分配给变量,然后执行计算,输出到该页面上的字段。
有一个简短的函数,如果任何变量未定义或为空,则将输出设置为未知。
我的代码:
function calculate() {
var $u5pop = $('input[name=sv_21d]').val();
var $sam = $('input[name=sv_25d]').val();
var $incidence = $('input[name=sv_313]').val();
var $treated = $('input[name=sv_312]').val();
if ($u5pop == undefined ||$u5pop == '') {
$u5pop = 0;
}
else {
$u5pop = parseFloat($u5pop);
}
if ($sam == undefined ||$sam == '') {
$sam = 0;
}
else {
$sam = parseFloat($sam);
}
if ($incidence == undefined || $incidence == '') {
$incidence = 0;
}
else {
$incidence = parseFloat($incidence);
}
//
if ($treated == undefined || $treated == '') {
$treated = 0;
}
else {
$treated = parseFloat($treated);
}
var $determined = $u5pop / $incidence * $treated * $sam;
if ($determined == undefined || $determined == '') {
$determinedOut = 'Unknown';
}
else {
$determinedOut = parseFloat($determined);
}
$('#calculation').attr('value', $determinedOut.toFixed(2));
}
输出字段div #calculation是:
<input size="18" class="calculation" id="calculation" value="Click to calculate" onfocus="calculate()"/>
这样,当用户在字段中单击时,它会执行计算。
我认为这是一个结构/语法问题,但我觉得一切都很好。任何有经验的人都能看出我哪里出错了吗? 当前:没有任何反应(保持默认值)。
非常感谢!
编辑:只要填写了所有字段,它就可以完美运行,但是如果字段留空并且函数由 onfocus 调用,则输出“未知”将失败
最佳答案
查看此 jsFiddle .在我将 JS 函数移动到 HTML 上方之前,代码最初无法更改输入值。也许这是你的问题!?
关于javascript - 在表单中使用 JavaScript 进行计算,输出到动态字段,代码不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12771308/