Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 场的计算_Javascript_Jquery - Fatal编程技术网

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'

我有一个表单,当用户输入一个数字时,我需要对一些数字字段执行一些计算。我为表单制作了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');
//将侦听器设置为男性字段
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有。在字段已经有值的情况下加载运行脚本