Question

我有一个表单，我正在进行一些简单的计算。在取消隐藏元素后，我无法进行计算。我已经证明计算在此表单之外工作，但我正在尝试将其添加到使用其他库的表单中。我只是无法弄清楚我需要做什么才能让计算在显示后绑定到id。这里是一个部分表单的链接，只需要输入就可以保持简单。 testform如果点击“是”，则元素显示我正在使用。谢谢你的指导。这是我制作的计算脚本。

<script> 
function pottopot() {

    if ($('#item78_number_1').val()>0 && $('#item76_number_1').val()>0){

        totalpotgals = parseInt($('#item76_number_1').val(),10) 
                       * parseInt($('#item78_number_1').val(),10)
                       / parseInt($('#item47_number_1').val(),10);

        $('#item48_number_1').val(totalpotgals.toFixed(2));

    }
}
</script>

Answer 1

您需要在DOM准备好后绑定事件。如果我理解正确，你需要将你的代码放在document.ready事件中。尝试：

$(document).ready(function(){
//put your jquery code here
});

由于您已经在使用jQuery，因此使用.keyup和.on绑定DOM元素上的事件，如：

$("input.<YOUR_DOM_CLASS>").on("keyup",function(){
//do something here
});

Answer 2

试试这个。

$(document).ready(function(){
 $("input[name=pottopot]").change(function(){
 //call your method that does the calculation.
 pottopot();
 });
});

尝试定义所有变量。避免任何控制台错误。如果页面中存在错误，JavaScript将停止执行，例如，变量未定义等。

要了解错误详情，请在Chrome中打开开发人员工具 CTRL + SHIFT + I 。

显示元素后的JQuery计算

2 个答案: