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"/>时没有这样的元素。您需要将代码放在此元素下。或者在document load事件上运行它。 例如：

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