javascript - Javascript 计算 - onchange 为空？WordPress

Question

我的表单计算在我的 jsfiddle 中工作，但是在我的 wordpress 页面中，它显示Uncaught TypeError: Cannot set property 'onchange' of null. 我的页面在加载时没有加载该功能吗？

（标题中的javascript）

function doTotal(form) {
    var a = (+form.halfday1.value);
    var b = (+form.fullday1.value);


    form.total1.value = a + b ;
}
document.getElementById("quote").onchange = function (){doTotal(this)};

http://jsfiddle.net/2666c/

Answer 1

你的代码没有运行，因为它试图找到<element id="quote"/>没有这样的元素。您需要将代码放在此元素下。或者在文档加载事件上运行它。例如：

jQuery(document).ready(function($){
    jQuery('#quote').change(function (){doTotal(this)});
});