JavaScript代码无法在我的Blogger网站上运行

时间:2012-10-03 11:33:33

标签: javascript blogger jsfiddle

我使用fiddle.com网站制作了JavaScript代码。但是,在小提琴中,我只能通过使用

来使其工作
  

没有包裹(身体)

选项。我不确定这个选项是做什么的。小提琴的链接是here。我将此脚本添加到我的Blogger博客中,但它不起作用。

代码

function getTotal(){
    var form = document.theForm;
    var inputs = form.getElementsByTagName('input');
    var length = inputs.length;
    var total = '0';

    for (i = 0; i<length-1; i++){
        if(inputs[i].type == 'radio'){
            var checked = inputs[i].checked?1:0;
            if(checked){
                var value = inputs[i].value.split("~~")[0];
                total -= -value;
            }
        }
    }
    document.getElementById('totalspan').innerHTML="Toplam Fiyat: "+ total + " tl"
    total='0';
}

该脚本用于计算选择的总价。你可以在小提琴中看到它。另外,我在Blogger上有它,但正如我所说它不起作用。

我的博客链接是here

1 个答案:

答案 0 :(得分:2)

no wrap (body)表示您的脚本将插入script标记内的新body标记中,no wrap (head)表示您的脚本将插入新的script head内的标记。您可以在jsFiddle help

上阅读相关内容

其他选项会将您的JS代码包装在特定的DOM事件处理程序中(onLoadonDomReady

您网站上的脚本错误告诉我calculateTotal is not defined,所以请检查您的命名。

为什么在计算总数时会使用字符串?您可以安全地使用本机JS parseInt功能。

使用表单click事件的另一点是错误的,您应该使用输入的change事件。

最简单的选择是使用jQuery,如下所示:

$('[name="CPU"], [name="OperatingSystem"], [name="Case"]').on('change', updateTotal);

function updateTotal {
   var total = 0;
   // calculate your total here
   $('#totalspan').text(total);
}

请检查我的5分钟小提琴:http://jsfiddle.net/GDXuS/5/

您还可以使用data-属性来存储价格或任何其他数据(请参阅jQuery site)。

我建议你学习一些编程语言。