Javascript 场的计算
我有一个表单,当用户输入一个数字时,我需要对一些数字字段执行一些计算。我为表单制作了HTML,下面我有这个JavaScript代码,但它不起作用Javascript 场的计算,javascript,jquery,Javascript,Jquery,我有一个表单,当用户输入一个数字时,我需要对一些数字字段执行一些计算。我为表单制作了HTML,下面我有这个JavaScript代码,但它不起作用 jQuery(函数($){ //定义字段的变量 var child1=$('pdb-male').val(); var child2=$('pdb-female').val(); var child3=$('pdb-unknown_sex').val(); var值=child1+child2+child3; var结果=$('pdb-number'
jQuery(函数($){
//定义字段的变量
var child1=$('pdb-male').val();
var child2=$('pdb-female').val();
var child3=$('pdb-unknown_sex').val();
var值=child1+child2+child3;
var结果=$('pdb-number');
//将侦听器设置为男性字段
child1.on('keyup',function(){
//进行计算并在现场输出结果
结果:val(值);
});
//将侦听器设置为女性字段
child2.on('keyup',function(){
//进行计算并在现场输出结果
结果:val(值);
});
//在未知字段上设置侦听器
child3.on('keyup',function(){
//进行计算并在现场输出结果
结果:val(值);
});
//在字段上设置触发器
child1.触发器(“keyup”);
child2.触发器(“keyup”);
child3.触发器(“keyup”);
});代码>
- 假设每个选择器前面都是ID,则需要一个#
- 在事件处理程序中移动var声明
- 将值转换为数字李>
- 重用事件处理程序
- 使用一个类-这样就更简单了:
$(函数(){
$(“.person”)。在(“输入”,函数(){
var合计=0;
$(“.person”).each(函数(){total+=+this.value})
$(“#pdb编号”).val(总计);
}).触发器(“输入”)
});代码>
男:
女:
未知:
总计:
请将相关HTML和CSS添加到您的代码段中。移动var child1=$('pdb-male').val();var child2=$('pdb-female').val();var child3=$('pdb-unknown_sex').val()在事件处理程序中编写>并将值转换为numbersHi@mplungjan,谢谢您的回复。如何将它们转换为数字?为了帮助其他S.O.成员,请提供一个完整的代码示例,带有HTML标记…请查看新版本-它甚至可以better@mplungjan,我不明白为什么要添加触发器(“输入”),因为OP有。在字段已经有值的情况下加载运行脚本